/* Dalily design tokens — generated from tokens/tokens.json. Do not edit by hand. */

:root,
[data-theme="light"] {
  --midnight: #11182d;
  --guide-blue: #3657ff;
  --waypoint-amber: #ffb84d;
  --warm-sand: #f7f4ed;
  --mist-blue: #e9edff;
  --midnight-900: #070b18;
  --midnight-800: #0b1020;
  --midnight-700: #11182d;
  --midnight-600: #1b2440;
  --midnight-500: #2a3558;
  --midnight-400: #414d75;
  --guide-700: #1d34b8;
  --guide-600: #2a44e8;
  --guide-500: #3657ff;
  --guide-400: #6c84ff;
  --guide-300: #9fb0ff;
  --guide-200: #c6d0ff;
  --guide-100: #e9edff;
  --amber-700: #8a5200;
  --amber-600: #b26a00;
  --amber-500: #e8912b;
  --amber-400: #ffb84d;
  --amber-300: #ffd597;
  --amber-100: #ffefd6;
  --sand-50: #fdfcf9;
  --sand-100: #f7f4ed;
  --sand-200: #ede8dd;
  --sand-300: #ded8c9;
  --slate-100: #f2f4f8;
  --slate-200: #dce0ea;
  --slate-300: #c2c8d8;
  --slate-400: #7e879e;
  --slate-500: #5e667f;
  --slate-600: #39415a;
  --surface-page: #fdfcf9;
  --surface-raised: #ffffff;
  --surface-sunken: #f2f4f8;
  --surface-hover: #f2f4f8;
  --surface-brand: #11182d;
  --surface-brand-soft: #e9edff;
  --surface-accent-soft: #ffefd6;
  --surface-warm: #f7f4ed;
  --ink-primary: #11182d;
  --ink-secondary: #39415a;
  --ink-muted: #5e667f;
  --ink-inverse: #fdfcf9;
  --ink-inverse-muted: #a8b2cc;
  --ink-brand: #2a44e8;
  --ink-on-brand: #ffffff;
  --ink-on-accent: #11182d;
  --ink-on-danger: #ffffff;
  --border-subtle: #e4e7f0;
  --border-default: #c2c8d8;
  --border-strong: #7e879e;
  --border-brand: #3657ff;
  --focus-ring: #3657ff;
  --status-success: #168070;
  --status-success-surface: #e3f4f0;
  --status-warning: #b26a00;
  --status-warning-surface: #fff3df;
  --status-danger: #c4361f;
  --status-danger-surface: #fceae6;
  --status-info: #2a44e8;
  --status-info-surface: #e9edff;
  --surface-scrim: rgba(7, 11, 24, 0.56);
  --surface-skeleton: #e4e7f0;
  --viz-1: #2a44e8;
  --viz-2: #b33a7a;
  --viz-3: #b26a00;
  --viz-4: #0e9384;
  --viz-grid: #e4e7f0;
  --viz-axis: #5e667f;
  --profile-midnight-surface: #11182D;
  --profile-midnight-border: #1E2540;
  --profile-midnight-ink: #F2F5FC;
  --profile-midnight-muted: #C3CBDE;
  --profile-midnight-accent: #6C84FF;
  --profile-midnight-action: #3657FF;
  --profile-midnight-field: #0B1020;
  --profile-midnight-link: #9FB0FF;
  --profile-light-surface: #F8F9FC;
  --profile-light-border: #E2E5EC;
  --profile-light-ink: #101A2D;
  --profile-light-muted: #243657;
  --profile-light-accent: #111B2D;
  --profile-light-action: #101827;
  --profile-light-field: #EDF0F5;
  --profile-light-link: #172238;
  --profile-guide-surface: #2454EF;
  --profile-guide-border: #7E8AFF;
  --profile-guide-ink: #FFFFFF;
  --profile-guide-muted: #E6E4FF;
  --profile-guide-accent: #FFFFFF;
  --profile-guide-action: #081225;
  --profile-guide-field: #081225;
  --profile-guide-link: #ECEAFF;
  --profile-sand-surface: #F5F0E5;
  --profile-sand-border: #DED7C7;
  --profile-sand-ink: #101A15;
  --profile-sand-muted: #304334;
  --profile-sand-accent: #4D684F;
  --profile-sand-action: #233629;
  --profile-sand-field: #E5E1D6;
  --profile-sand-link: #233629;
  --shadow-xs: 0 1px 2px rgba(17, 24, 45, 0.06);
  --shadow-sm: 0 1px 3px rgba(17, 24, 45, 0.08), 0 1px 2px rgba(17, 24, 45, 0.04);
  --shadow-md: 0 4px 12px rgba(17, 24, 45, 0.08), 0 1px 3px rgba(17, 24, 45, 0.04);
  --shadow-lg: 0 16px 40px rgba(17, 24, 45, 0.12), 0 2px 8px rgba(17, 24, 45, 0.06);
}

[data-theme="dark"] {
  --surface-page: #070b18;
  --surface-raised: #11182d;
  --surface-sunken: #0b1020;
  --surface-hover: #1b2440;
  --surface-brand: #0b1020;
  --surface-brand-soft: #1b2440;
  --surface-accent-soft: #2a1d08;
  --surface-warm: #161a2b;
  --ink-primary: #f2f5fc;
  --ink-secondary: #c3cbde;
  --ink-muted: #98a2bc;
  --ink-inverse: #f2f5fc;
  --ink-inverse-muted: #98a2bc;
  --ink-brand: #9fb0ff;
  --ink-on-danger: #070b18;
  --border-subtle: #1e2540;
  --border-default: #2a3558;
  --border-strong: #5a6685;
  --border-brand: #6c84ff;
  --focus-ring: #8aa0ff;
  --status-success: #35b9a4;
  --status-success-surface: #0e241f;
  --status-warning: #e8a33c;
  --status-warning-surface: #2a1d08;
  --status-danger: #f2705c;
  --status-danger-surface: #2a120e;
  --status-info: #9fb0ff;
  --status-info-surface: #131c3a;
  --surface-scrim: rgba(0, 0, 0, 0.64);
  --surface-skeleton: #1b2440;
  --viz-1: #5c78f5;
  --viz-2: #c8497e;
  --viz-3: #cf7f14;
  --viz-4: #14a392;
  --viz-grid: #1e2540;
  --viz-axis: #98a2bc;
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.4);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.5);
  --shadow-md: 0 4px 14px rgba(0, 0, 0, 0.55);
  --shadow-lg: 0 18px 44px rgba(0, 0, 0, 0.6);
}

:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 20px;
  --radius-2xl: 28px;
  --radius-pill: 999px;
  --stroke-hairline: 1px;
  --stroke-path: 1.5px;
  --stroke-mark: 2px;
  --opacity-disabled: 0.45;
  --opacity-trail: 0.28;
  --opacity-scrim: 0.72;
  --bp-sm: 640px;
  --bp-md: 768px;
  --bp-lg: 1024px;
  --bp-xl: 1280px;
  --layer-base: 0;
  --layer-raised: 10;
  --layer-header: 100;
  --layer-overlay: 200;
  --layer-dialog: 300;
  --layer-toast: 400;
  --duration-fast: 120ms;
  --duration-base: 200ms;
  --duration-slow: 320ms;
  --duration-skeleton: 1400ms;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --ease-exit: cubic-bezier(0.4, 0, 1, 1);
  --font-sans: "IBM Plex Sans", system-ui, -apple-system, Segoe UI, sans-serif;
  --font-arabic: "IBM Plex Sans Arabic", "IBM Plex Sans", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}

/* Type styles — one class per named style. */
.display-xl {
  font-family: var(--font-sans);
  font-size: 64px;
  line-height: 64px;
  font-weight: 600;
  letter-spacing: -2px;
}
.display-lg {
  font-family: var(--font-sans);
  font-size: 48px;
  line-height: 52px;
  font-weight: 600;
  letter-spacing: -1.4px;
}
.display-md {
  font-family: var(--font-sans);
  font-size: 36px;
  line-height: 42px;
  font-weight: 600;
  letter-spacing: -0.8px;
}
.heading-xl {
  font-family: var(--font-sans);
  font-size: 28px;
  line-height: 34px;
  font-weight: 600;
  letter-spacing: -0.5px;
}
.heading-lg {
  font-family: var(--font-sans);
  font-size: 22px;
  line-height: 28px;
  font-weight: 600;
  letter-spacing: -0.3px;
}
.heading-md {
  font-family: var(--font-sans);
  font-size: 17px;
  line-height: 24px;
  font-weight: 600;
}
.heading-sm {
  font-family: var(--font-sans);
  font-size: 15px;
  line-height: 20px;
  font-weight: 600;
}
.body-lg {
  font-family: var(--font-sans);
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
}
.body-md {
  font-family: var(--font-sans);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
}
.body-sm {
  font-family: var(--font-sans);
  font-size: 13px;
  line-height: 20px;
  font-weight: 400;
}
.ui-md {
  font-family: var(--font-sans);
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.ui-sm {
  font-family: var(--font-sans);
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
}
.ui-eyebrow {
  font-family: var(--font-sans);
  font-size: 11px;
  line-height: 14px;
  font-weight: 600;
  letter-spacing: 1.4px;
}
.eyebrow-lead {
  font-family: var(--font-sans);
  font-size: 15px;
  line-height: 22px;
  font-weight: 600;
  color: var(--ink-brand);
  text-transform: none;
}
.mono-md {
  font-family: var(--font-mono);
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}
.mono-sm {
  font-family: var(--font-mono);
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}
.ar-display-xl {
  font-family: var(--font-arabic);
  font-size: 60px;
  line-height: 84px;
  font-weight: 600;
}
.ar-display-lg {
  font-family: var(--font-arabic);
  font-size: 46px;
  line-height: 68px;
  font-weight: 600;
}
.ar-display-md {
  font-family: var(--font-arabic);
  font-size: 34px;
  line-height: 52px;
  font-weight: 600;
}
.ar-heading-xl {
  font-family: var(--font-arabic);
  font-size: 27px;
  line-height: 42px;
  font-weight: 600;
}
.ar-heading-lg {
  font-family: var(--font-arabic);
  font-size: 21px;
  line-height: 34px;
  font-weight: 600;
}
.ar-heading-md {
  font-family: var(--font-arabic);
  font-size: 17px;
  line-height: 28px;
  font-weight: 600;
}
.ar-heading-sm {
  font-family: var(--font-arabic);
  font-size: 15px;
  line-height: 24px;
  font-weight: 600;
}
.ar-body-lg {
  font-family: var(--font-arabic);
  font-size: 18px;
  line-height: 34px;
  font-weight: 400;
}
.ar-body-md {
  font-family: var(--font-arabic);
  font-size: 16px;
  line-height: 30px;
  font-weight: 400;
}
.ar-body-sm {
  font-family: var(--font-arabic);
  font-size: 14px;
  line-height: 26px;
  font-weight: 400;
}
.ar-ui-md {
  font-family: var(--font-arabic);
  font-size: 15px;
  line-height: 22px;
  font-weight: 500;
}
.ar-ui-sm {
  font-family: var(--font-arabic);
  font-size: 13px;
  line-height: 18px;
  font-weight: 500;
}
.ar-eyebrow-lead {
  font-family: var(--font-arabic);
  font-size: 16px;
  line-height: 26px;
  font-weight: 600;
  color: var(--ink-brand);
  text-transform: none;
}
.ui-eyebrow { text-transform: uppercase; }