/* Magic Patterns src/index.css; approved neutral override. Values live here only. */
:root {
  color-scheme: dark;
  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "AIS Bangla", sans-serif;
  --overlay: rgba(0, 0, 0, 0.8);
  --type-kpi-size: 30px;
  --type-kpi-leading: 36px;
  --type-h1-size: 24px;
  --type-h1-leading: 32px;
  --type-h2-size: 18px;
  --type-h2-leading: 28px;
  --type-h3-size: 16px;
  --type-h3-leading: 24px;
  --type-body-size: 14px;
  --type-body-leading: 20px;
  --type-body-small-size: 13px;
  --type-body-small-leading: 18px;
  --type-table-size: 13px;
  --type-table-leading: 18px;
  --type-label-size: 12px;
  --type-label-leading: 16px;
  --type-caption-size: 12px;
  --type-caption-leading: 16px;
  --background: #121418;
  --surface: #1c1c1e;
  --surface-raised: #262a31;
  --border: #2c2c2e;
  --border-strong: #373d49;
  --text-primary: #ffffff;
  --text-secondary: #919eab;
  --text-disabled: #6b7280;
  --text-on-accent: #000000;
  --accent: #edfd3a;
  --accent-hover: #fde047;
  --accent-cyan: #3ad9fd;
  --success: #52c41a;
  --success-bg: rgba(82,196,26,0.15);
  --success-border: rgba(82,196,26,0.3);
  --warning: #ffe16a;
  --warning-bg: rgba(255,225,106,0.15);
  --warning-border: rgba(255,225,106,0.3);
  --danger: #ff4d4f;
  --danger-bg: rgba(255,77,79,0.15);
  --danger-border: rgba(255,77,79,0.3);
  --info: #3ad9fd;
  --info-bg: rgba(58,217,253,0.15);
  --info-border: rgba(58,217,253,0.3);
  --neutral: #919eab;
  --neutral-bg: #919eab26;
  --neutral-border: #919eab4d;
  /* The side panel: the surface, a deeper neutral at its top and bottom edges, and a soft accent
     glow near the top. Used by .ui-sidebar in ui-base.css, so the one place a raw value lives. */
  --surface-deep: #161616;
  --sidebar-base: var(--surface);
  --sidebar-gradient: linear-gradient(180deg, rgba(22, 22, 22, 0) 76.67%, var(--surface-deep) 100%),
      linear-gradient(180deg, var(--surface-deep) 0%, rgba(22, 22, 22, 0) 100%),
      linear-gradient(168.78deg, var(--accent) -57.13%, rgba(237, 253, 58, 0) 17.77%);
  --spacing-1: 4px;
  --spacing-2: 8px;
  --spacing-3: 12px;
  --spacing-4: 16px;
  --spacing-5: 20px;
  --spacing-6: 24px;
  --spacing-8: 32px;
  --spacing-10: 40px;
  --spacing-12: 48px;
  --spacing-16: 64px;
  --control-padding-x: 12px;
  --control-padding-y: 8px;
  --card-padding: 20px;
  --card-padding-lg: 24px;
  --section-gap: 32px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-full: 9999px;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 4px 10px rgba(0, 0, 0, 0.45);
  --shadow-lg: 0 12px 28px rgba(0, 0, 0, 0.55);
  --focus-ring: 0 0 0 2px #121418, 0 0 0 4px #edfd3a;
}