/* Core Brand System 3.0.0. Fixed base identity + documented implementation defaults. */
/* Opt in on a Core surface: data-core-brand data-theme="light|dark". */
/* Load approved fonts in the host application. No font files are embedded here. */
[data-core-brand] {
  --core-graphite: #17191C;
  --core-chalk: #F5F5F2;
  --core-mist: #DDDFE4;
  --core-signal: #365CFF;
  --core-white: #FFFFFF;
  --core-secondary-text: #62656E;
  --core-font-ar: "Noto Sans Arabic", Tahoma, Arial, sans-serif;
  --core-font-en: "Inter", system-ui, sans-serif;
  --core-font-display-en: "Inter Display", "Inter", system-ui, sans-serif;
  --core-space-0: 0px;
  --core-space-4: 4px;
  --core-space-8: 8px;
  --core-space-12: 12px;
  --core-space-16: 16px;
  --core-space-24: 24px;
  --core-space-32: 32px;
  --core-space-40: 40px;
  --core-space-48: 48px;
  --core-space-64: 64px;
  --core-space-96: 96px;
  --core-radius-control: 12px;
  --core-radius-panel: 16px;
  --core-radius-pill: 999px;
  --core-page-gutter-mobile: 20px;
  --core-page-gutter-desktop: 40px;
  --core-marketing-max-width: 1200px;
  --core-reading-max-width: 68ch;
  --core-control-min-height: 44px;
  --core-touch-target-min: 44px;
  --core-ar-display-size: 48px;
  --core-ar-display-line: 72px;
  --core-ar-heading-size: 30px;
  --core-ar-heading-line: 48px;
  --core-ar-body-size: 18px;
  --core-ar-body-line: 32px;
  --core-ar-label-size: 16px;
  --core-ar-label-line: 26px;
  --core-en-display-size: 56px;
  --core-en-display-line: 64px;
  --core-en-heading-size: 32px;
  --core-en-heading-line: 40px;
  --core-en-body-size: 16px;
  --core-en-body-line: 26px;
  --core-en-label-size: 14px;
  --core-en-label-line: 22px;
  --core-motion-micro: 120ms;
  --core-motion-panel: 220ms;
  --core-motion-transition: 320ms;
  --core-ease-enter: cubic-bezier(0.2, 0.8, 0.2, 1);
  --core-motion-travel: 8px;
  --core-bg: #F5F5F2;
  --core-surface: #FFFFFF;
  --core-surface-raised: #FFFFFF;
  --core-text-primary: #17191C;
  --core-text-secondary: #62656E;
  --core-border-subtle: #DDDFE4;
  --core-border-control: #7C8088;
  --core-action: #365CFF;
  --core-action-text: #FFFFFF;
  --core-link: #365CFF;
  --core-focus: #365CFF;
  --core-disabled-bg: #DDDFE4;
  --core-disabled-text: #62656E;
  --core-state-success: #166534;
  --core-state-warning: #854D0E;
  --core-state-error: #B42318;
  --core-shadow: 0 8px 24px rgba(23,25,28,0.06);
  color-scheme: light;
}
[data-core-brand][data-theme="dark"] {
  --core-bg: #17191C;
  --core-surface: #202328;
  --core-surface-raised: #292D33;
  --core-text-primary: #F5F5F2;
  --core-text-secondary: #B6BCC8;
  --core-border-subtle: #3B414A;
  --core-border-control: #858D9D;
  --core-action: #365CFF;
  --core-action-text: #FFFFFF;
  --core-link: #9CADFF;
  --core-focus: #9CADFF;
  --core-disabled-bg: #343941;
  --core-disabled-text: #B6BCC8;
  --core-state-success: #86EFAC;
  --core-state-warning: #FDE68A;
  --core-state-error: #FDA4AF;
  --core-shadow: none;
  color-scheme: dark;
}
@media (prefers-reduced-motion: reduce) {
  [data-core-brand] {
    --core-motion-micro: 0ms;
    --core-motion-panel: 0ms;
    --core-motion-transition: 0ms;
    --core-motion-travel: 0px;
  }
}