/* INTAG v4.0 — design tokens. Generated: do not hand-edit. */
/* Components must consume the SEMANTIC layer, never a primitive. */
:root {
  --intag-forest-950: #061B1A;
  --intag-forest-900: #123332;
  --intag-forest-850: #1D4241;
  --intag-forest-800: #264B4A;
  --intag-forest-750: #315251;
  --intag-forest-700: #386462;
  --intag-forest-600: #407371;
  --intag-forest-500: #639997;
  --intag-forest-400: #88B5B3;
  --intag-forest-300: #A9CDCB;
  --intag-forest-200: #C3E0DE;
  --intag-forest-100: #DAEFEE;
  --intag-forest-50: #EBF9F8;
  --intag-apricot-200: #FFD9BE;
  --intag-apricot-100: #FFE4D0;
  --intag-apricot-300: #E9BA98;
  --intag-apricot-400: #D59D74;
  --intag-apricot-600: #A06434;
  --intag-terracotta-350: #EF9C82;
  --intag-terracotta-500: #E8704A;
  --intag-terracotta-600: #BC4C27;
  --intag-terracotta-700: #973817;
  --intag-terracotta-800: #71260E;
  --intag-palm-300: #95D6AF;
  --intag-palm-400: #6CBF91;
  --intag-palm-500: #329E69;
  --intag-palm-600: #1C8958;
  --intag-palm-700: #066C42;
  --intag-sand-50: #F8F5F2;
  --intag-sand-100: #E8E0DA;
  --intag-sand-200: #DFD7D3;
  --intag-sand-300: #CCC3BD;
  --intag-sand-500: #90837B;
  --intag-sand-700: #635852;
  --intag-sand-800: #4A423C;
  --intag-sand-900: #322B27;
  --intag-warning-300: #F1B972;
  --intag-warning-500: #C77A00;
  --intag-warning-600: #A66300;
  --intag-warning-700: #834C00;
  --intag-error-300: #FFA59E;
  --intag-error-600: #CB4644;
  --intag-error-700: #9E2C2D;
  --intag-info-300: #A2CDDB;
  --intag-info-600: #4C8A9D;
  --intag-info-700: #2D6373;
  --intag-white: #FFFFFF;
  --intag-black: #000000;

  --intag-color-surface-page: var(--intag-sand-100);
  --intag-color-surface-raised: var(--intag-sand-50);
  --intag-color-surface-sunken: var(--intag-sand-200);
  --intag-color-surface-inverse: var(--intag-forest-900);
  --intag-color-surface-accent: var(--intag-apricot-200);
  --intag-color-text-primary: var(--intag-forest-900);
  --intag-color-text-secondary: var(--intag-forest-750);
  --intag-color-text-muted: var(--intag-sand-700);
  --intag-color-text-inverse: var(--intag-apricot-200);
  --intag-color-text-accent: var(--intag-terracotta-700);
  --intag-color-text-onAccent: var(--intag-forest-900);
  --intag-color-border-subtle: var(--intag-sand-300);
  --intag-color-border-strong: var(--intag-forest-750);
  --intag-color-border-accent: var(--intag-terracotta-700);
  --intag-color-action-primary-bg: var(--intag-forest-900);
  --intag-color-action-primary-text: var(--intag-apricot-200);
  --intag-color-action-secondary-bg: var(--intag-apricot-200);
  --intag-color-action-secondary-text: var(--intag-forest-900);
  --intag-color-action-ghost-text: var(--intag-terracotta-700);
  --intag-color-status-success: var(--intag-palm-700);
  --intag-color-status-warning: var(--intag-warning-700);
  --intag-color-status-error: var(--intag-error-700);
  --intag-color-status-info: var(--intag-info-700);

  --intag-fs-ar-legal: 12px;  --intag-lh-ar-legal: 1.85;
  --intag-fs-en-legal: 9px;  --intag-lh-en-legal: 1.5;
  --intag-fs-ar-caption: 15px;  --intag-lh-ar-caption: 1.8;
  --intag-fs-en-caption: 11px;  --intag-lh-en-caption: 1.5;
  --intag-fs-ar-body: 19px;  --intag-lh-ar-body: 1.75;
  --intag-fs-en-body: 14px;  --intag-lh-en-body: 1.55;
  --intag-fs-ar-body-lg: 24px;  --intag-lh-ar-body-lg: 1.68;
  --intag-fs-en-body-lg: 18px;  --intag-lh-en-body-lg: 1.5;
  --intag-fs-ar-h4: 30px;  --intag-lh-ar-h4: 1.45;
  --intag-fs-en-h4: 23px;  --intag-lh-en-h4: 1.3;
  --intag-fs-ar-h3: 37px;  --intag-lh-ar-h3: 1.35;
  --intag-fs-en-h3: 28px;  --intag-lh-en-h3: 1.22;
  --intag-fs-ar-h2: 46px;  --intag-lh-ar-h2: 1.28;
  --intag-fs-en-h2: 35px;  --intag-lh-en-h2: 1.16;
  --intag-fs-ar-h1: 58px;  --intag-lh-ar-h1: 1.2;
  --intag-fs-en-h1: 44px;  --intag-lh-en-h1: 1.1;
  --intag-fs-ar-display: 72px;  --intag-lh-ar-display: 1.14;
  --intag-fs-en-display: 55px;  --intag-lh-en-display: 1.05;
  --intag-fs-ar-display-lg: 91px;  --intag-lh-ar-display-lg: 1.1;
  --intag-fs-en-display-lg: 69px;  --intag-lh-en-display-lg: 1.02;

  --intag-font-ar-display: 'Alexandria', 'IBM Plex Sans Arabic', system-ui, sans-serif;
  --intag-font-ar-text: 'IBM Plex Sans Arabic', system-ui, sans-serif;
  --intag-font-en-display: 'Alexandria', 'IBM Plex Sans Arabic', system-ui, sans-serif;
  --intag-font-en-text: 'IBM Plex Sans Arabic', system-ui, -apple-system, sans-serif;
  --intag-space-3xs: 4px;
  --intag-space-2xs: 7px;
  --intag-space-xs: 10px;
  --intag-space-sm: 14px;
  --intag-space-md: 20px;
  --intag-space-lg: 27px;
  --intag-space-xl: 41px;
  --intag-space-2xl: 55px;
  --intag-space-3xl: 82px;
  --intag-space-4xl: 109px;
  --intag-radius-none: 0px;
  --intag-radius-sm: 4px;
  --intag-radius-md: 10px;
  --intag-radius-lg: 20px;
  --intag-radius-xl: 32px;
  --intag-radius-pill: 999px;
  --intag-motion-fast-ms: 160ms;
  --intag-motion-standard-ms: 280ms;
  --intag-motion-expressive-ms: 560ms;
  --intag-motion-ease-standard: cubic-bezier(.22,.75,.2,1);
  --intag-motion-ease-entrance: cubic-bezier(.16,1,.3,1);
  --intag-motion-ease-exit: cubic-bezier(.4,0,1,1);
}

/* Dark is the brand's home. Light is the document mode. */
[data-theme="dark"], :root:not([data-theme="light"]) .intag-dark {
  --intag-color-surface-page: var(--intag-forest-900);
  --intag-color-surface-raised: var(--intag-forest-850);
  --intag-color-surface-sunken: var(--intag-forest-950);
  --intag-color-surface-inverse: var(--intag-sand-50);
  --intag-color-surface-accent: var(--intag-terracotta-800);
  --intag-color-text-primary: var(--intag-sand-100);
  --intag-color-text-secondary: var(--intag-forest-300);
  --intag-color-text-muted: var(--intag-forest-400);
  --intag-color-text-inverse: var(--intag-forest-900);
  --intag-color-text-accent: var(--intag-terracotta-350);
  --intag-color-text-onAccent: var(--intag-apricot-200);
  --intag-color-border-subtle: var(--intag-forest-750);
  --intag-color-border-strong: var(--intag-forest-600);
  --intag-color-border-accent: var(--intag-terracotta-500);
  --intag-color-action-primary-bg: var(--intag-apricot-200);
  --intag-color-action-primary-text: var(--intag-forest-900);
  --intag-color-action-secondary-bg: var(--intag-forest-750);
  --intag-color-action-secondary-text: var(--intag-apricot-200);
  --intag-color-action-ghost-text: var(--intag-terracotta-350);
  --intag-color-status-success: var(--intag-palm-300);
  --intag-color-status-warning: var(--intag-warning-300);
  --intag-color-status-error: var(--intag-error-300);
  --intag-color-status-info: var(--intag-info-300);
}

@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) {
  --intag-color-surface-page: var(--intag-forest-900);
  --intag-color-surface-raised: var(--intag-forest-850);
  --intag-color-surface-sunken: var(--intag-forest-950);
  --intag-color-surface-inverse: var(--intag-sand-50);
  --intag-color-surface-accent: var(--intag-terracotta-800);
  --intag-color-text-primary: var(--intag-sand-100);
  --intag-color-text-secondary: var(--intag-forest-300);
  --intag-color-text-muted: var(--intag-forest-400);
  --intag-color-text-inverse: var(--intag-forest-900);
  --intag-color-text-accent: var(--intag-terracotta-350);
  --intag-color-text-onAccent: var(--intag-apricot-200);
  --intag-color-border-subtle: var(--intag-forest-750);
  --intag-color-border-strong: var(--intag-forest-600);
  --intag-color-border-accent: var(--intag-terracotta-500);
  --intag-color-action-primary-bg: var(--intag-apricot-200);
  --intag-color-action-primary-text: var(--intag-forest-900);
  --intag-color-action-secondary-bg: var(--intag-forest-750);
  --intag-color-action-secondary-text: var(--intag-apricot-200);
  --intag-color-action-ghost-text: var(--intag-terracotta-350);
  --intag-color-status-success: var(--intag-palm-300);
  --intag-color-status-warning: var(--intag-warning-300);
  --intag-color-status-error: var(--intag-error-300);
  --intag-color-status-info: var(--intag-info-300);
} }

/* Arabic never takes positive tracking — it breaks cursive joins. */
[lang="ar"], [dir="rtl"] { letter-spacing: 0 !important; }