/* PRESENCE — TOKENS. Generated by runtime/engine/presence/tokens.py from each
   company's templates/branding.yaml; do not hand-edit (`--check` refuses drift).
   A hex literal appears ONLY inside a [data-brand="..."] token block; every other
   presence file reads semantic roles. Contract: runtime/templates/presence/README.md */

:root {
  --step--1: clamp(0.80rem, 0.77rem + 0.14vw, 0.88rem);
  --step-0: clamp(0.95rem, 0.90rem + 0.22vw, 1.06rem);
  --step-1: clamp(1.10rem, 1.02rem + 0.38vw, 1.32rem);
  --step-2: clamp(1.35rem, 1.19rem + 0.72vw, 1.80rem);
  --step-3: clamp(1.70rem, 1.38rem + 1.45vw, 2.60rem);
  --step-4: clamp(2.20rem, 1.55rem + 2.90vw, 4.00rem);
  --step-eyebrow: clamp(0.72rem, 0.70rem + 0.10vw, 0.78rem);
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-section: clamp(2.75rem, 1.6rem + 5vw, 5.5rem);
  --space-gap: clamp(0.875rem, 0.7rem + 0.8vw, 1.25rem);
  --control-min: 44px;
  --control-min-sm: 36px;
  --control-pad-y: 0.7rem;
  --control-pad-x: 1.25rem;
  --radius-pill: 999px;
  --radius-card: 16px;
  --radius-input: 12px;
  --radius-sheet: 20px;
  --frame-site: 1100px;
  --frame-site-outer: 1440px;
  --frame-app: 760px;
  --header-h: 56px;
  --rail-h: 52px;
  --dur-fast: 120ms;
  --dur: 200ms;
  --ease: cubic-bezier(0.2, 0.7, 0.3, 1);
  --leading-body: 1.6;
  --leading-tight: 1.25;
  --hero-max: 86svh;
  --measure: 68ch;
  --measure-ar: 62ch;
  --leading-ar: 1.75;
}

/* contract aliases — resolved per element, so a nested brand re-resolves */
:root, [data-brand] {
  --ink-2: var(--ink-muted);
  --accent-contrast: var(--accent-ink);
  --line: var(--border);
  --radius-s: var(--radius-input);
  --radius-m: var(--radius-card);
  --radius-l: var(--radius-sheet);
  --shadow: var(--shadow-card);
  --font-display-latin: var(--font-display);
  --font-body-latin: var(--font-body);
  --font-display-ar: var(--font-arabic-display);
  --font-body-ar: var(--font-arabic);
}

/* neutral kit: a page with no brand never renders as whichever company came first */
:root:not([data-brand]), [data-brand="neutral"] {
  --surface: #FFFFFF;
  --surface-2: #FFFFFF;
  --surface-3: #F6F6F6;
  --ink: #101828;
  --ink-muted: #667085;
  --ink-heading: #101828;
  --accent: #101828;
  --accent-ink: #FFFFFF;
  --accent-soft: rgba(16, 24, 40, 0.12);
  --accent-hover: #0E1522;
  --decor: #101828;
  --border: rgba(16, 24, 40, 0.22);
  --border-strong: rgba(16, 24, 40, 0.45);
  --focus: #101828;
  --status-ok: #15803D;
  --status-ok-bg: rgba(21, 128, 61, 0.12);
  --status-ok-line: rgba(21, 128, 61, 0.4);
  --status-warn: #B45309;
  --status-warn-bg: rgba(180, 83, 9, 0.12);
  --status-warn-line: rgba(180, 83, 9, 0.4);
  --status-err: #B91C1C;
  --status-err-bg: rgba(185, 28, 28, 0.12);
  --status-err-line: rgba(185, 28, 28, 0.4);
  --status-info: #1D4ED8;
  --status-info-bg: rgba(29, 78, 216, 0.12);
  --status-info-line: rgba(29, 78, 216, 0.4);
  --scrim: rgba(0, 0, 0, 0.55);
  --shadow-card: 0 20px 40px rgba(15, 23, 42, 0.07);
  --shadow-soft: 0 10px 24px rgba(15, 23, 42, 0.08);
  --font-body: 'Inter', 'Helvetica Neue', Arial, sans-serif;
  --font-display: 'Inter', 'Helvetica Neue', Arial, sans-serif;
  --font-arabic: 'Noto Naskh Arabic', 'Noto Naskh Arabic', sans-serif;
  --font-arabic-display: 'Noto Naskh Arabic', 'Noto Naskh Arabic', sans-serif;
}

/* ================= Tondro (tondro) — surface role: neutral ================= */
[data-brand="tondro"] {
  --ref-primary: #003366;
  --ref-secondary: #5A6B7B;
  --ref-accent: #E8A33D;
  --ref-neutral: #F2F1ED;
  --ref-ink-accent: #8B6124;
  --font-body: 'Sofia Sans', 'Helvetica Neue', Arial, sans-serif;
  --font-display: 'Sofia Sans', 'Helvetica Neue', Arial, sans-serif;
  --font-arabic: 'Almarai', 'Noto Naskh Arabic', sans-serif;
  --font-arabic-display: 'Almarai', 'Noto Naskh Arabic', sans-serif;
  --radius-card: 0;
  --radius-input: 2px;
  --radius-pill: 2px;
  --radius-sheet: 0;
  --surface: #F2F1ED;
  --surface-2: #FAFAF9;
  --surface-3: #EAE9E5;
  --ink: #101828;
  --ink-muted: #667085;
  --ink-heading: #003366;
  --accent: #003366;
  --accent-ink: #F2F1ED;
  --accent-soft: rgba(0, 51, 102, 0.12);
  --accent-hover: #002C58;
  --decor: #E8A33D;
  --border: rgba(0, 51, 102, 0.22);
  --border-strong: rgba(0, 51, 102, 0.45);
  --focus: #003366;
  --status-ok: #15803D;
  --status-ok-bg: rgba(21, 128, 61, 0.12);
  --status-ok-line: rgba(21, 128, 61, 0.4);
  --status-warn: #B45309;
  --status-warn-bg: rgba(180, 83, 9, 0.12);
  --status-warn-line: rgba(180, 83, 9, 0.4);
  --status-err: #B91C1C;
  --status-err-bg: rgba(185, 28, 28, 0.12);
  --status-err-line: rgba(185, 28, 28, 0.4);
  --status-info: #1D4ED8;
  --status-info-bg: rgba(29, 78, 216, 0.12);
  --status-info-line: rgba(29, 78, 216, 0.4);
  --scrim: rgba(0, 0, 0, 0.55);
  --shadow-card: none;
  --shadow-soft: none;
}
[data-color-mode="dark"][data-brand="tondro"] {
  --surface: #13171B;
  --surface-2: #1C2228;
  --surface-3: #232A31;
  --ink: #ECEDEE;
  --ink-muted: #A9ADB2;
  --ink-heading: #ECEDEE;
  --accent: #3985D1;
  --accent-ink: #13171B;
  --accent-soft: rgba(57, 133, 209, 0.12);
  --accent-hover: #5596D7;
  --decor: #E8A33D;
  --border: #3A3D40;
  --border-strong: rgba(57, 133, 209, 0.45);
  --focus: #3985D1;
  --status-ok: #4ADE80;
  --status-ok-bg: rgba(74, 222, 128, 0.12);
  --status-ok-line: rgba(74, 222, 128, 0.4);
  --status-warn: #C9912E;
  --status-warn-bg: rgba(201, 145, 46, 0.12);
  --status-warn-line: rgba(201, 145, 46, 0.4);
  --status-err: #C96666;
  --status-err-bg: rgba(201, 102, 102, 0.12);
  --status-err-line: rgba(201, 102, 102, 0.4);
  --status-info: #93C5FD;
  --status-info-bg: rgba(147, 197, 253, 0.12);
  --status-info-line: rgba(147, 197, 253, 0.4);
  --scrim: rgba(0, 0, 0, 0.55);
  --shadow-card: none;
  --shadow-soft: none;
}
@media (prefers-color-scheme: dark) {
  :not([data-color-mode="light"])[data-brand="tondro"] {
    --surface: #13171B;
    --surface-2: #1C2228;
    --surface-3: #232A31;
    --ink: #ECEDEE;
    --ink-muted: #A9ADB2;
    --ink-heading: #ECEDEE;
    --accent: #3985D1;
    --accent-ink: #13171B;
    --accent-soft: rgba(57, 133, 209, 0.12);
    --accent-hover: #5596D7;
    --decor: #E8A33D;
    --border: #3A3D40;
    --border-strong: rgba(57, 133, 209, 0.45);
    --focus: #3985D1;
    --status-ok: #4ADE80;
    --status-ok-bg: rgba(74, 222, 128, 0.12);
    --status-ok-line: rgba(74, 222, 128, 0.4);
    --status-warn: #C9912E;
    --status-warn-bg: rgba(201, 145, 46, 0.12);
    --status-warn-line: rgba(201, 145, 46, 0.4);
    --status-err: #C96666;
    --status-err-bg: rgba(201, 102, 102, 0.12);
    --status-err-line: rgba(201, 102, 102, 0.4);
    --status-info: #93C5FD;
    --status-info-bg: rgba(147, 197, 253, 0.12);
    --status-info-line: rgba(147, 197, 253, 0.4);
    --scrim: rgba(0, 0, 0, 0.55);
    --shadow-card: none;
    --shadow-soft: none;
  }
}

/* ================= ElPanero (elpanero) — surface role: primary ================= */
[data-brand="elpanero"] {
  --ref-primary: #0E0E0E;
  --ref-secondary: #C9962E;
  --ref-accent: #1F6F5C;
  --ref-neutral: #F4ECDD;
  --ref-highlight: #E8C77A;
  --font-body: 'Jost', 'Helvetica Neue', Arial, sans-serif;
  --font-display: 'Cormorant Garamond', Georgia, serif;
  --font-arabic: 'El Messiri', 'Noto Naskh Arabic', sans-serif;
  --font-arabic-display: 'Aref Ruqaa', 'Noto Naskh Arabic', serif;
  --radius-card: 2px;
  --radius-input: 2px;
  --radius-pill: 2px;
  --radius-sheet: 20px;
  --surface: #0E0E0E;
  --surface-2: #1F1F1F;
  --surface-3: #2D2D2D;
  --ink: #F4ECDD;
  --ink-muted: #A9ADB2;
  --ink-heading: #E8C77A;
  --accent: #C9962E;
  --accent-ink: #0E0E0E;
  --accent-soft: rgba(201, 150, 46, 0.12);
  --accent-hover: #D1A54B;
  --decor: #E8C77A;
  --border: rgba(201, 150, 46, 0.22);
  --border-strong: rgba(201, 150, 46, 0.45);
  --focus: #C9962E;
  --status-ok: #15803D;
  --status-ok-bg: rgba(21, 128, 61, 0.12);
  --status-ok-line: rgba(21, 128, 61, 0.4);
  --status-warn: #B45309;
  --status-warn-bg: rgba(180, 83, 9, 0.12);
  --status-warn-line: rgba(180, 83, 9, 0.4);
  --status-err: #B91C1C;
  --status-err-bg: rgba(185, 28, 28, 0.12);
  --status-err-line: rgba(185, 28, 28, 0.4);
  --status-info: #1D4ED8;
  --status-info-bg: rgba(29, 78, 216, 0.12);
  --status-info-line: rgba(29, 78, 216, 0.4);
  --scrim: rgba(0, 0, 0, 0.55);
  --shadow-card: none;
  --shadow-soft: none;
}
[data-color-mode="dark"][data-brand="elpanero"] {
  --surface: #171717;
  --surface-2: #222222;
  --surface-3: #2A2A2A;
  --ink: #EEECEC;
  --ink-muted: #B2A9A9;
  --ink-heading: #EEECEC;
  --accent: #458D7B;
  --accent-ink: #171717;
  --accent-soft: rgba(69, 141, 123, 0.12);
  --accent-hover: #5F9D8D;
  --decor: #E8C77A;
  --border: #403A3A;
  --border-strong: rgba(69, 141, 123, 0.45);
  --focus: #458D7B;
  --status-ok: #4ADE80;
  --status-ok-bg: rgba(74, 222, 128, 0.12);
  --status-ok-line: rgba(74, 222, 128, 0.4);
  --status-warn: #C9912E;
  --status-warn-bg: rgba(201, 145, 46, 0.12);
  --status-warn-line: rgba(201, 145, 46, 0.4);
  --status-err: #C96666;
  --status-err-bg: rgba(201, 102, 102, 0.12);
  --status-err-line: rgba(201, 102, 102, 0.4);
  --status-info: #93C5FD;
  --status-info-bg: rgba(147, 197, 253, 0.12);
  --status-info-line: rgba(147, 197, 253, 0.4);
  --scrim: rgba(0, 0, 0, 0.55);
  --shadow-card: none;
  --shadow-soft: none;
}
@media (prefers-color-scheme: dark) {
  :not([data-color-mode="light"])[data-brand="elpanero"] {
    --surface: #171717;
    --surface-2: #222222;
    --surface-3: #2A2A2A;
    --ink: #EEECEC;
    --ink-muted: #B2A9A9;
    --ink-heading: #EEECEC;
    --accent: #458D7B;
    --accent-ink: #171717;
    --accent-soft: rgba(69, 141, 123, 0.12);
    --accent-hover: #5F9D8D;
    --decor: #E8C77A;
    --border: #403A3A;
    --border-strong: rgba(69, 141, 123, 0.45);
    --focus: #458D7B;
    --status-ok: #4ADE80;
    --status-ok-bg: rgba(74, 222, 128, 0.12);
    --status-ok-line: rgba(74, 222, 128, 0.4);
    --status-warn: #C9912E;
    --status-warn-bg: rgba(201, 145, 46, 0.12);
    --status-warn-line: rgba(201, 145, 46, 0.4);
    --status-err: #C96666;
    --status-err-bg: rgba(201, 102, 102, 0.12);
    --status-err-line: rgba(201, 102, 102, 0.4);
    --status-info: #93C5FD;
    --status-info-bg: rgba(147, 197, 253, 0.12);
    --status-info-line: rgba(147, 197, 253, 0.4);
    --scrim: rgba(0, 0, 0, 0.55);
    --shadow-card: none;
    --shadow-soft: none;
  }
}

/* ================= Naya (naya) — surface role: neutral ================= */
[data-brand="naya"] {
  --ref-primary: #3FA3A0;
  --ref-secondary: #9DBF8E;
  --ref-accent: #E9B7A0;
  --ref-neutral: #F7F5F1;
  --ref-ink-primary: #2F7A78;
  --font-body: 'Lexend', 'Helvetica Neue', Arial, sans-serif;
  --font-display: 'Lexend', 'Helvetica Neue', Arial, sans-serif;
  --font-arabic: 'Readex Pro', 'Noto Naskh Arabic', sans-serif;
  --font-arabic-display: 'Readex Pro', 'Noto Naskh Arabic', sans-serif;
  --radius-card: 14px;
  --radius-input: 12px;
  --radius-pill: 999px;
  --radius-sheet: 20px;
  --surface: #F7F5F1;
  --surface-2: #FCFCFA;
  --surface-3: #EEECE9;
  --ink: #2F7A78;
  --ink-muted: #667085;
  --ink-heading: #2F7A78;
  --accent: #2F7976;
  --accent-ink: #F7F5F1;
  --accent-soft: rgba(47, 121, 118, 0.12);
  --accent-hover: #286865;
  --decor: #E9B7A0;
  --border: rgba(47, 121, 118, 0.22);
  --border-strong: rgba(47, 121, 118, 0.45);
  --focus: #2F7976;
  --status-ok: #15803D;
  --status-ok-bg: rgba(21, 128, 61, 0.12);
  --status-ok-line: rgba(21, 128, 61, 0.4);
  --status-warn: #B45309;
  --status-warn-bg: rgba(180, 83, 9, 0.12);
  --status-warn-line: rgba(180, 83, 9, 0.4);
  --status-err: #B91C1C;
  --status-err-bg: rgba(185, 28, 28, 0.12);
  --status-err-line: rgba(185, 28, 28, 0.4);
  --status-info: #1D4ED8;
  --status-info-bg: rgba(29, 78, 216, 0.12);
  --status-info-line: rgba(29, 78, 216, 0.4);
  --scrim: rgba(0, 0, 0, 0.55);
  --shadow-card: none;
  --shadow-soft: 0 10px 24px rgba(15, 23, 42, 0.08);
}
[data-color-mode="dark"][data-brand="naya"] {
  --surface: #131B1B;
  --surface-2: #1C2828;
  --surface-3: #233131;
  --ink: #ECEEEE;
  --ink-muted: #A9B2B2;
  --ink-heading: #ECEEEE;
  --accent: #3FA3A0;
  --accent-ink: #131B1B;
  --accent-soft: rgba(63, 163, 160, 0.12);
  --accent-hover: #5AB0AD;
  --decor: #E9B7A0;
  --border: #3A4040;
  --border-strong: rgba(63, 163, 160, 0.45);
  --focus: #3FA3A0;
  --status-ok: #4ADE80;
  --status-ok-bg: rgba(74, 222, 128, 0.12);
  --status-ok-line: rgba(74, 222, 128, 0.4);
  --status-warn: #C9912E;
  --status-warn-bg: rgba(201, 145, 46, 0.12);
  --status-warn-line: rgba(201, 145, 46, 0.4);
  --status-err: #C96666;
  --status-err-bg: rgba(201, 102, 102, 0.12);
  --status-err-line: rgba(201, 102, 102, 0.4);
  --status-info: #93C5FD;
  --status-info-bg: rgba(147, 197, 253, 0.12);
  --status-info-line: rgba(147, 197, 253, 0.4);
  --scrim: rgba(0, 0, 0, 0.55);
  --shadow-card: none;
  --shadow-soft: 0 10px 24px rgba(0, 0, 0, 0.30);
}
@media (prefers-color-scheme: dark) {
  :not([data-color-mode="light"])[data-brand="naya"] {
    --surface: #131B1B;
    --surface-2: #1C2828;
    --surface-3: #233131;
    --ink: #ECEEEE;
    --ink-muted: #A9B2B2;
    --ink-heading: #ECEEEE;
    --accent: #3FA3A0;
    --accent-ink: #131B1B;
    --accent-soft: rgba(63, 163, 160, 0.12);
    --accent-hover: #5AB0AD;
    --decor: #E9B7A0;
    --border: #3A4040;
    --border-strong: rgba(63, 163, 160, 0.45);
    --focus: #3FA3A0;
    --status-ok: #4ADE80;
    --status-ok-bg: rgba(74, 222, 128, 0.12);
    --status-ok-line: rgba(74, 222, 128, 0.4);
    --status-warn: #C9912E;
    --status-warn-bg: rgba(201, 145, 46, 0.12);
    --status-warn-line: rgba(201, 145, 46, 0.4);
    --status-err: #C96666;
    --status-err-bg: rgba(201, 102, 102, 0.12);
    --status-err-line: rgba(201, 102, 102, 0.4);
    --status-info: #93C5FD;
    --status-info-bg: rgba(147, 197, 253, 0.12);
    --status-info-line: rgba(147, 197, 253, 0.4);
    --scrim: rgba(0, 0, 0, 0.55);
    --shadow-card: none;
    --shadow-soft: 0 10px 24px rgba(0, 0, 0, 0.30);
  }
}

/* ================= Metha (metha) — surface role: neutral ================= */
[data-brand="metha"] {
  --ref-primary: #6B7A3A;
  --ref-secondary: #C9912E;
  --ref-accent: #8A5A2B;
  --ref-neutral: #F4F1E8;
  --ref-ink-primary: #5A6731;
  --font-body: 'Newsreader', Georgia, serif;
  --font-display: 'Newsreader', Georgia, serif;
  --font-arabic: 'Noto Sans Arabic', 'Noto Naskh Arabic', sans-serif;
  --font-arabic-display: 'Beiruti', 'Noto Naskh Arabic', sans-serif;
  --radius-card: 6px;
  --radius-input: 4px;
  --radius-pill: 8px;
  --radius-sheet: 8px;
  --surface: #F4F1E8;
  --surface-2: #FBFAF7;
  --surface-3: #EBE9E0;
  --ink: #5A6731;
  --ink-muted: #667085;
  --ink-heading: #5A6731;
  --accent: #657337;
  --accent-ink: #F4F1E8;
  --accent-soft: rgba(101, 115, 55, 0.12);
  --accent-hover: #57632F;
  --decor: #8A5A2B;
  --border: rgba(101, 115, 55, 0.22);
  --border-strong: rgba(101, 115, 55, 0.45);
  --focus: #657337;
  --status-ok: #15803D;
  --status-ok-bg: rgba(21, 128, 61, 0.12);
  --status-ok-line: rgba(21, 128, 61, 0.4);
  --status-warn: #B45309;
  --status-warn-bg: rgba(180, 83, 9, 0.12);
  --status-warn-line: rgba(180, 83, 9, 0.4);
  --status-err: #B91C1C;
  --status-err-bg: rgba(185, 28, 28, 0.12);
  --status-err-line: rgba(185, 28, 28, 0.4);
  --status-info: #1D4ED8;
  --status-info-bg: rgba(29, 78, 216, 0.12);
  --status-info-line: rgba(29, 78, 216, 0.4);
  --scrim: rgba(0, 0, 0, 0.55);
  --shadow-card: none;
  --shadow-soft: none;
}
[data-color-mode="dark"][data-brand="metha"] {
  --surface: #191B13;
  --surface-2: #25281C;
  --surface-3: #2E3123;
  --ink: #EEEEEC;
  --ink-muted: #B0B2A9;
  --ink-heading: #EEEEEC;
  --accent: #7D8A52;
  --accent-ink: #191B13;
  --accent-soft: rgba(125, 138, 82, 0.12);
  --accent-hover: #8F9A6A;
  --decor: #8A5A2B;
  --border: #3F403A;
  --border-strong: rgba(125, 138, 82, 0.45);
  --focus: #7D8A52;
  --status-ok: #4ADE80;
  --status-ok-bg: rgba(74, 222, 128, 0.12);
  --status-ok-line: rgba(74, 222, 128, 0.4);
  --status-warn: #C9912E;
  --status-warn-bg: rgba(201, 145, 46, 0.12);
  --status-warn-line: rgba(201, 145, 46, 0.4);
  --status-err: #C96666;
  --status-err-bg: rgba(201, 102, 102, 0.12);
  --status-err-line: rgba(201, 102, 102, 0.4);
  --status-info: #93C5FD;
  --status-info-bg: rgba(147, 197, 253, 0.12);
  --status-info-line: rgba(147, 197, 253, 0.4);
  --scrim: rgba(0, 0, 0, 0.55);
  --shadow-card: none;
  --shadow-soft: none;
}
@media (prefers-color-scheme: dark) {
  :not([data-color-mode="light"])[data-brand="metha"] {
    --surface: #191B13;
    --surface-2: #25281C;
    --surface-3: #2E3123;
    --ink: #EEEEEC;
    --ink-muted: #B0B2A9;
    --ink-heading: #EEEEEC;
    --accent: #7D8A52;
    --accent-ink: #191B13;
    --accent-soft: rgba(125, 138, 82, 0.12);
    --accent-hover: #8F9A6A;
    --decor: #8A5A2B;
    --border: #3F403A;
    --border-strong: rgba(125, 138, 82, 0.45);
    --focus: #7D8A52;
    --status-ok: #4ADE80;
    --status-ok-bg: rgba(74, 222, 128, 0.12);
    --status-ok-line: rgba(74, 222, 128, 0.4);
    --status-warn: #C9912E;
    --status-warn-bg: rgba(201, 145, 46, 0.12);
    --status-warn-line: rgba(201, 145, 46, 0.4);
    --status-err: #C96666;
    --status-err-bg: rgba(201, 102, 102, 0.12);
    --status-err-line: rgba(201, 102, 102, 0.4);
    --status-info: #93C5FD;
    --status-info-bg: rgba(147, 197, 253, 0.12);
    --status-info-line: rgba(147, 197, 253, 0.4);
    --scrim: rgba(0, 0, 0, 0.55);
    --shadow-card: none;
    --shadow-soft: none;
  }
}

/* ================= Rukn (rukn) — surface role: neutral ================= */
[data-brand="rukn"] {
  --ref-primary: #005A37;
  --ref-accent: #00215A;
  --ref-neutral: #F7F7F5;
  --font-body: 'Barlow', 'Helvetica Neue', Arial, sans-serif;
  --font-display: 'Barlow', 'Helvetica Neue', Arial, sans-serif;
  --font-arabic: 'Mada', 'Noto Naskh Arabic', sans-serif;
  --font-arabic-display: 'Reem Kufi', 'Noto Naskh Arabic', sans-serif;
  --radius-card: 2px;
  --radius-input: 2px;
  --radius-pill: 2px;
  --radius-sheet: 4px;
  --surface: #F7F7F5;
  --surface-2: #FCFCFC;
  --surface-3: #EEEEEC;
  --ink: #005A37;
  --ink-muted: #667085;
  --ink-heading: #005A37;
  --accent: #005A37;
  --accent-ink: #F7F7F5;
  --accent-soft: rgba(0, 90, 55, 0.12);
  --accent-hover: #004D2F;
  --decor: #005A37;
  --border: rgba(0, 90, 55, 0.22);
  --border-strong: rgba(0, 90, 55, 0.45);
  --focus: #005A37;
  --status-ok: #15803D;
  --status-ok-bg: rgba(21, 128, 61, 0.12);
  --status-ok-line: rgba(21, 128, 61, 0.4);
  --status-warn: #B45309;
  --status-warn-bg: rgba(180, 83, 9, 0.12);
  --status-warn-line: rgba(180, 83, 9, 0.4);
  --status-err: #B91C1C;
  --status-err-bg: rgba(185, 28, 28, 0.12);
  --status-err-line: rgba(185, 28, 28, 0.4);
  --status-info: #1D4ED8;
  --status-info-bg: rgba(29, 78, 216, 0.12);
  --status-info-line: rgba(29, 78, 216, 0.4);
  --scrim: rgba(0, 0, 0, 0.55);
  --shadow-card: none;
  --shadow-soft: none;
}
[data-color-mode="dark"][data-brand="rukn"] {
  --surface: #131B18;
  --surface-2: #1C2824;
  --surface-3: #23312C;
  --ink: #ECEEED;
  --ink-muted: #A9B2AF;
  --ink-heading: #ECEEED;
  --accent: #34926D;
  --accent-ink: #131B18;
  --accent-soft: rgba(52, 146, 109, 0.12);
  --accent-hover: #50A181;
  --decor: #34926D;
  --border: #3A403E;
  --border-strong: rgba(52, 146, 109, 0.45);
  --focus: #34926D;
  --status-ok: #4ADE80;
  --status-ok-bg: rgba(74, 222, 128, 0.12);
  --status-ok-line: rgba(74, 222, 128, 0.4);
  --status-warn: #C9912E;
  --status-warn-bg: rgba(201, 145, 46, 0.12);
  --status-warn-line: rgba(201, 145, 46, 0.4);
  --status-err: #C96666;
  --status-err-bg: rgba(201, 102, 102, 0.12);
  --status-err-line: rgba(201, 102, 102, 0.4);
  --status-info: #93C5FD;
  --status-info-bg: rgba(147, 197, 253, 0.12);
  --status-info-line: rgba(147, 197, 253, 0.4);
  --scrim: rgba(0, 0, 0, 0.55);
  --shadow-card: none;
  --shadow-soft: none;
}
@media (prefers-color-scheme: dark) {
  :not([data-color-mode="light"])[data-brand="rukn"] {
    --surface: #131B18;
    --surface-2: #1C2824;
    --surface-3: #23312C;
    --ink: #ECEEED;
    --ink-muted: #A9B2AF;
    --ink-heading: #ECEEED;
    --accent: #34926D;
    --accent-ink: #131B18;
    --accent-soft: rgba(52, 146, 109, 0.12);
    --accent-hover: #50A181;
    --decor: #34926D;
    --border: #3A403E;
    --border-strong: rgba(52, 146, 109, 0.45);
    --focus: #34926D;
    --status-ok: #4ADE80;
    --status-ok-bg: rgba(74, 222, 128, 0.12);
    --status-ok-line: rgba(74, 222, 128, 0.4);
    --status-warn: #C9912E;
    --status-warn-bg: rgba(201, 145, 46, 0.12);
    --status-warn-line: rgba(201, 145, 46, 0.4);
    --status-err: #C96666;
    --status-err-bg: rgba(201, 102, 102, 0.12);
    --status-err-line: rgba(201, 102, 102, 0.4);
    --status-info: #93C5FD;
    --status-info-bg: rgba(147, 197, 253, 0.12);
    --status-info-line: rgba(147, 197, 253, 0.4);
    --scrim: rgba(0, 0, 0, 0.55);
    --shadow-card: none;
    --shadow-soft: none;
  }
}

/* ================= Wasl (wasl) — surface role: neutral ================= */
[data-brand="wasl"] {
  --ref-primary: #15485E;
  --ref-secondary: #2E7D8A;
  --ref-accent: #D4A537;
  --ref-neutral: #EEF2F3;
  --ref-ink-accent: #7E6120;
  --font-body: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
  --font-display: 'IBM Plex Serif', Georgia, serif;
  --font-arabic: 'IBM Plex Sans Arabic', 'Noto Naskh Arabic', sans-serif;
  --font-arabic-display: 'Amiri', 'Noto Naskh Arabic', serif;
  --radius-card: 2px;
  --radius-input: 2px;
  --radius-pill: 2px;
  --radius-sheet: 2px;
  --surface: #EEF2F3;
  --surface-2: #F9FAFB;
  --surface-3: #E6EAEA;
  --ink: #101828;
  --ink-muted: #667085;
  --ink-heading: #15485E;
  --accent: #15485E;
  --accent-ink: #EEF2F3;
  --accent-soft: rgba(21, 72, 94, 0.12);
  --accent-hover: #123E51;
  --decor: #D4A537;
  --border: rgba(21, 72, 94, 0.22);
  --border-strong: rgba(21, 72, 94, 0.45);
  --focus: #15485E;
  --status-ok: #15803D;
  --status-ok-bg: rgba(21, 128, 61, 0.12);
  --status-ok-line: rgba(21, 128, 61, 0.4);
  --status-warn: #B45309;
  --status-warn-bg: rgba(180, 83, 9, 0.12);
  --status-warn-line: rgba(180, 83, 9, 0.4);
  --status-err: #B91C1C;
  --status-err-bg: rgba(185, 28, 28, 0.12);
  --status-err-line: rgba(185, 28, 28, 0.4);
  --status-info: #1D4ED8;
  --status-info-bg: rgba(29, 78, 216, 0.12);
  --status-info-line: rgba(29, 78, 216, 0.4);
  --scrim: rgba(0, 0, 0, 0.55);
  --shadow-card: none;
  --shadow-soft: none;
}
[data-color-mode="dark"][data-brand="wasl"] {
  --surface: #13191B;
  --surface-2: #1C2528;
  --surface-3: #232E31;
  --ink: #ECEEEE;
  --ink-muted: #A9B0B2;
  --ink-heading: #ECEEEE;
  --accent: #4F8AA5;
  --accent-ink: #13191B;
  --accent-soft: rgba(79, 138, 165, 0.12);
  --accent-hover: #689AB2;
  --decor: #D4A537;
  --border: #3A3F40;
  --border-strong: rgba(79, 138, 165, 0.45);
  --focus: #4F8AA5;
  --status-ok: #4ADE80;
  --status-ok-bg: rgba(74, 222, 128, 0.12);
  --status-ok-line: rgba(74, 222, 128, 0.4);
  --status-warn: #C9912E;
  --status-warn-bg: rgba(201, 145, 46, 0.12);
  --status-warn-line: rgba(201, 145, 46, 0.4);
  --status-err: #C96666;
  --status-err-bg: rgba(201, 102, 102, 0.12);
  --status-err-line: rgba(201, 102, 102, 0.4);
  --status-info: #93C5FD;
  --status-info-bg: rgba(147, 197, 253, 0.12);
  --status-info-line: rgba(147, 197, 253, 0.4);
  --scrim: rgba(0, 0, 0, 0.55);
  --shadow-card: none;
  --shadow-soft: none;
}
@media (prefers-color-scheme: dark) {
  :not([data-color-mode="light"])[data-brand="wasl"] {
    --surface: #13191B;
    --surface-2: #1C2528;
    --surface-3: #232E31;
    --ink: #ECEEEE;
    --ink-muted: #A9B0B2;
    --ink-heading: #ECEEEE;
    --accent: #4F8AA5;
    --accent-ink: #13191B;
    --accent-soft: rgba(79, 138, 165, 0.12);
    --accent-hover: #689AB2;
    --decor: #D4A537;
    --border: #3A3F40;
    --border-strong: rgba(79, 138, 165, 0.45);
    --focus: #4F8AA5;
    --status-ok: #4ADE80;
    --status-ok-bg: rgba(74, 222, 128, 0.12);
    --status-ok-line: rgba(74, 222, 128, 0.4);
    --status-warn: #C9912E;
    --status-warn-bg: rgba(201, 145, 46, 0.12);
    --status-warn-line: rgba(201, 145, 46, 0.4);
    --status-err: #C96666;
    --status-err-bg: rgba(201, 102, 102, 0.12);
    --status-err-line: rgba(201, 102, 102, 0.4);
    --status-info: #93C5FD;
    --status-info-bg: rgba(147, 197, 253, 0.12);
    --status-info-line: rgba(147, 197, 253, 0.4);
    --scrim: rgba(0, 0, 0, 0.55);
    --shadow-card: none;
    --shadow-soft: none;
  }
}

/* ================= Dukan (dukan) — surface role: neutral ================= */
[data-brand="dukan"] {
  --ref-primary: #1A1A2E;
  --ref-secondary: #E63E6D;
  --ref-accent: #FFC93C;
  --ref-neutral: #F5F3F7;
  --ref-ink-accent: #7F641E;
  --font-body: 'Rubik', 'Helvetica Neue', Arial, sans-serif;
  --font-display: 'Anton', 'Helvetica Neue', Arial, sans-serif;
  --font-arabic: 'Alexandria', 'Noto Naskh Arabic', sans-serif;
  --font-arabic-display: 'Alexandria', 'Noto Naskh Arabic', sans-serif;
  --radius-card: 20px;
  --radius-input: 14px;
  --radius-pill: 999px;
  --radius-sheet: 20px;
  --surface: #F5F3F7;
  --surface-2: #FCFBFC;
  --surface-3: #ECEAEE;
  --ink: #101828;
  --ink-muted: #667085;
  --ink-heading: #1A1A2E;
  --accent: #1A1A2E;
  --accent-ink: #F5F3F7;
  --accent-soft: rgba(26, 26, 46, 0.12);
  --accent-hover: #161628;
  --decor: #FFC93C;
  --border: rgba(26, 26, 46, 0.22);
  --border-strong: rgba(26, 26, 46, 0.45);
  --focus: #1A1A2E;
  --status-ok: #15803D;
  --status-ok-bg: rgba(21, 128, 61, 0.12);
  --status-ok-line: rgba(21, 128, 61, 0.4);
  --status-warn: #B45309;
  --status-warn-bg: rgba(180, 83, 9, 0.12);
  --status-warn-line: rgba(180, 83, 9, 0.4);
  --status-err: #B91C1C;
  --status-err-bg: rgba(185, 28, 28, 0.12);
  --status-err-line: rgba(185, 28, 28, 0.4);
  --status-info: #1D4ED8;
  --status-info-bg: rgba(29, 78, 216, 0.12);
  --status-info-line: rgba(29, 78, 216, 0.4);
  --scrim: rgba(0, 0, 0, 0.55);
  --shadow-card: none;
  --shadow-soft: none;
}
[data-color-mode="dark"][data-brand="dukan"] {
  --surface: #13131B;
  --surface-2: #1C1C28;
  --surface-3: #232331;
  --ink: #ECECEE;
  --ink-muted: #A9A9B2;
  --ink-heading: #ECECEE;
  --accent: #7A7AAB;
  --accent-ink: #13131B;
  --accent-soft: rgba(122, 122, 171, 0.12);
  --accent-hover: #8D8DB7;
  --decor: #FFC93C;
  --border: #3A3A40;
  --border-strong: rgba(122, 122, 171, 0.45);
  --focus: #7A7AAB;
  --status-ok: #4ADE80;
  --status-ok-bg: rgba(74, 222, 128, 0.12);
  --status-ok-line: rgba(74, 222, 128, 0.4);
  --status-warn: #C9912E;
  --status-warn-bg: rgba(201, 145, 46, 0.12);
  --status-warn-line: rgba(201, 145, 46, 0.4);
  --status-err: #C75E5E;
  --status-err-bg: rgba(199, 94, 94, 0.12);
  --status-err-line: rgba(199, 94, 94, 0.4);
  --status-info: #93C5FD;
  --status-info-bg: rgba(147, 197, 253, 0.12);
  --status-info-line: rgba(147, 197, 253, 0.4);
  --scrim: rgba(0, 0, 0, 0.55);
  --shadow-card: none;
  --shadow-soft: none;
}
@media (prefers-color-scheme: dark) {
  :not([data-color-mode="light"])[data-brand="dukan"] {
    --surface: #13131B;
    --surface-2: #1C1C28;
    --surface-3: #232331;
    --ink: #ECECEE;
    --ink-muted: #A9A9B2;
    --ink-heading: #ECECEE;
    --accent: #7A7AAB;
    --accent-ink: #13131B;
    --accent-soft: rgba(122, 122, 171, 0.12);
    --accent-hover: #8D8DB7;
    --decor: #FFC93C;
    --border: #3A3A40;
    --border-strong: rgba(122, 122, 171, 0.45);
    --focus: #7A7AAB;
    --status-ok: #4ADE80;
    --status-ok-bg: rgba(74, 222, 128, 0.12);
    --status-ok-line: rgba(74, 222, 128, 0.4);
    --status-warn: #C9912E;
    --status-warn-bg: rgba(201, 145, 46, 0.12);
    --status-warn-line: rgba(201, 145, 46, 0.4);
    --status-err: #C75E5E;
    --status-err-bg: rgba(199, 94, 94, 0.12);
    --status-err-line: rgba(199, 94, 94, 0.4);
    --status-info: #93C5FD;
    --status-info-bg: rgba(147, 197, 253, 0.12);
    --status-info-line: rgba(147, 197, 253, 0.4);
    --scrim: rgba(0, 0, 0, 0.55);
    --shadow-card: none;
    --shadow-soft: none;
  }
}

/* ================= Ember (ember) — surface role: neutral ================= */
[data-brand="ember"] {
  --ref-primary: #1A1715;
  --ref-secondary: #E8743B;
  --ref-accent: #C9A227;
  --ref-neutral: #F6F3EE;
  --font-body: 'Source Serif 4', Georgia, serif;
  --font-display: 'Source Serif 4', Georgia, serif;
  --font-arabic: 'Scheherazade New', 'Noto Naskh Arabic', serif;
  --font-arabic-display: 'Scheherazade New', 'Noto Naskh Arabic', serif;
  --radius-card: 2px;
  --radius-input: 2px;
  --radius-pill: 2px;
  --radius-sheet: 2px;
  --surface: #F6F3EE;
  --surface-2: #FCFBF9;
  --surface-3: #EDEAE6;
  --ink: #101828;
  --ink-muted: #667085;
  --ink-heading: #1A1715;
  --accent: #1A1715;
  --accent-ink: #F6F3EE;
  --accent-soft: rgba(26, 23, 21, 0.12);
  --accent-hover: #161412;
  --decor: #C9A227;
  --border: rgba(26, 23, 21, 0.22);
  --border-strong: rgba(26, 23, 21, 0.45);
  --focus: #1A1715;
  --status-ok: #15803D;
  --status-ok-bg: rgba(21, 128, 61, 0.12);
  --status-ok-line: rgba(21, 128, 61, 0.4);
  --status-warn: #B45309;
  --status-warn-bg: rgba(180, 83, 9, 0.12);
  --status-warn-line: rgba(180, 83, 9, 0.4);
  --status-err: #B91C1C;
  --status-err-bg: rgba(185, 28, 28, 0.12);
  --status-err-line: rgba(185, 28, 28, 0.4);
  --status-info: #1D4ED8;
  --status-info-bg: rgba(29, 78, 216, 0.12);
  --status-info-line: rgba(29, 78, 216, 0.4);
  --scrim: rgba(0, 0, 0, 0.55);
  --shadow-card: none;
  --shadow-soft: none;
}
[data-color-mode="dark"][data-brand="ember"] {
  --surface: #191615;
  --surface-2: #25211F;
  --surface-3: #2E2826;
  --ink: #EEEDEC;
  --ink-muted: #B2ABA9;
  --ink-heading: #EEEDEC;
  --accent: #C9A227;
  --accent-ink: #191615;
  --accent-soft: rgba(201, 162, 39, 0.12);
  --accent-hover: #D1AF45;
  --decor: #C9A227;
  --border: #403C3A;
  --border-strong: rgba(201, 162, 39, 0.45);
  --focus: #C9A227;
  --status-ok: #4ADE80;
  --status-ok-bg: rgba(74, 222, 128, 0.12);
  --status-ok-line: rgba(74, 222, 128, 0.4);
  --status-warn: #C9912E;
  --status-warn-bg: rgba(201, 145, 46, 0.12);
  --status-warn-line: rgba(201, 145, 46, 0.4);
  --status-err: #C96666;
  --status-err-bg: rgba(201, 102, 102, 0.12);
  --status-err-line: rgba(201, 102, 102, 0.4);
  --status-info: #93C5FD;
  --status-info-bg: rgba(147, 197, 253, 0.12);
  --status-info-line: rgba(147, 197, 253, 0.4);
  --scrim: rgba(0, 0, 0, 0.55);
  --shadow-card: none;
  --shadow-soft: none;
}
@media (prefers-color-scheme: dark) {
  :not([data-color-mode="light"])[data-brand="ember"] {
    --surface: #191615;
    --surface-2: #25211F;
    --surface-3: #2E2826;
    --ink: #EEEDEC;
    --ink-muted: #B2ABA9;
    --ink-heading: #EEEDEC;
    --accent: #C9A227;
    --accent-ink: #191615;
    --accent-soft: rgba(201, 162, 39, 0.12);
    --accent-hover: #D1AF45;
    --decor: #C9A227;
    --border: #403C3A;
    --border-strong: rgba(201, 162, 39, 0.45);
    --focus: #C9A227;
    --status-ok: #4ADE80;
    --status-ok-bg: rgba(74, 222, 128, 0.12);
    --status-ok-line: rgba(74, 222, 128, 0.4);
    --status-warn: #C9912E;
    --status-warn-bg: rgba(201, 145, 46, 0.12);
    --status-warn-line: rgba(201, 145, 46, 0.4);
    --status-err: #C96666;
    --status-err-bg: rgba(201, 102, 102, 0.12);
    --status-err-line: rgba(201, 102, 102, 0.4);
    --status-info: #93C5FD;
    --status-info-bg: rgba(147, 197, 253, 0.12);
    --status-info-line: rgba(147, 197, 253, 0.4);
    --scrim: rgba(0, 0, 0, 0.55);
    --shadow-card: none;
    --shadow-soft: none;
  }
}

/* ================= Matin (matin) — surface role: neutral ================= */
[data-brand="matin"] {
  --ref-primary: #34495E;
  --ref-secondary: #2E8B7A;
  --ref-accent: #4A6FA5;
  --ref-neutral: #EEF1F3;
  --font-body: 'Public Sans', 'Helvetica Neue', Arial, sans-serif;
  --font-display: 'Public Sans', 'Helvetica Neue', Arial, sans-serif;
  --font-arabic: 'Noto Kufi Arabic', 'Noto Naskh Arabic', sans-serif;
  --font-arabic-display: 'Noto Kufi Arabic', 'Noto Naskh Arabic', sans-serif;
  --radius-card: 3px;
  --radius-input: 3px;
  --radius-pill: 3px;
  --radius-sheet: 4px;
  --surface: #EEF1F3;
  --surface-2: #F9FAFB;
  --surface-3: #E6E9EA;
  --ink: #101828;
  --ink-muted: #667085;
  --ink-heading: #34495E;
  --accent: #34495E;
  --accent-ink: #EEF1F3;
  --accent-soft: rgba(52, 73, 94, 0.12);
  --accent-hover: #2D3F51;
  --decor: #4A6FA5;
  --border: rgba(52, 73, 94, 0.22);
  --border-strong: rgba(52, 73, 94, 0.45);
  --focus: #34495E;
  --status-ok: #15803D;
  --status-ok-bg: rgba(21, 128, 61, 0.12);
  --status-ok-line: rgba(21, 128, 61, 0.4);
  --status-warn: #B45309;
  --status-warn-bg: rgba(180, 83, 9, 0.12);
  --status-warn-line: rgba(180, 83, 9, 0.4);
  --status-err: #B91C1C;
  --status-err-bg: rgba(185, 28, 28, 0.12);
  --status-err-line: rgba(185, 28, 28, 0.4);
  --status-info: #1D4ED8;
  --status-info-bg: rgba(29, 78, 216, 0.12);
  --status-info-line: rgba(29, 78, 216, 0.4);
  --scrim: rgba(0, 0, 0, 0.55);
  --shadow-card: none;
  --shadow-soft: none;
}
[data-color-mode="dark"][data-brand="matin"] {
  --surface: #13171B;
  --surface-2: #1C2228;
  --surface-3: #232A31;
  --ink: #ECEDEE;
  --ink-muted: #A9ADB2;
  --ink-heading: #ECEDEE;
  --accent: #6B839A;
  --accent-ink: #13171B;
  --accent-soft: rgba(107, 131, 154, 0.12);
  --accent-hover: #8094A8;
  --decor: #4A6FA5;
  --border: #3A3D40;
  --border-strong: rgba(107, 131, 154, 0.45);
  --focus: #6B839A;
  --status-ok: #4ADE80;
  --status-ok-bg: rgba(74, 222, 128, 0.12);
  --status-ok-line: rgba(74, 222, 128, 0.4);
  --status-warn: #C9912E;
  --status-warn-bg: rgba(201, 145, 46, 0.12);
  --status-warn-line: rgba(201, 145, 46, 0.4);
  --status-err: #C96666;
  --status-err-bg: rgba(201, 102, 102, 0.12);
  --status-err-line: rgba(201, 102, 102, 0.4);
  --status-info: #93C5FD;
  --status-info-bg: rgba(147, 197, 253, 0.12);
  --status-info-line: rgba(147, 197, 253, 0.4);
  --scrim: rgba(0, 0, 0, 0.55);
  --shadow-card: none;
  --shadow-soft: none;
}
@media (prefers-color-scheme: dark) {
  :not([data-color-mode="light"])[data-brand="matin"] {
    --surface: #13171B;
    --surface-2: #1C2228;
    --surface-3: #232A31;
    --ink: #ECEDEE;
    --ink-muted: #A9ADB2;
    --ink-heading: #ECEDEE;
    --accent: #6B839A;
    --accent-ink: #13171B;
    --accent-soft: rgba(107, 131, 154, 0.12);
    --accent-hover: #8094A8;
    --decor: #4A6FA5;
    --border: #3A3D40;
    --border-strong: rgba(107, 131, 154, 0.45);
    --focus: #6B839A;
    --status-ok: #4ADE80;
    --status-ok-bg: rgba(74, 222, 128, 0.12);
    --status-ok-line: rgba(74, 222, 128, 0.4);
    --status-warn: #C9912E;
    --status-warn-bg: rgba(201, 145, 46, 0.12);
    --status-warn-line: rgba(201, 145, 46, 0.4);
    --status-err: #C96666;
    --status-err-bg: rgba(201, 102, 102, 0.12);
    --status-err-line: rgba(201, 102, 102, 0.4);
    --status-info: #93C5FD;
    --status-info-bg: rgba(147, 197, 253, 0.12);
    --status-info-line: rgba(147, 197, 253, 0.4);
    --scrim: rgba(0, 0, 0, 0.55);
    --shadow-card: none;
    --shadow-soft: none;
  }
}

/* ================= Pylon (pylon) — surface role: neutral ================= */
[data-brand="pylon"] {
  --ref-primary: #101418;
  --ref-secondary: #5B6CFF;
  --ref-accent: #00D1B2;
  --ref-neutral: #F4F5F7;
  --ref-ink-accent: #4D5BD8;
  --font-body: 'Instrument Sans', 'Helvetica Neue', Arial, sans-serif;
  --font-display: 'Instrument Serif', Georgia, serif;
  --font-arabic: 'Zain', 'Noto Naskh Arabic', sans-serif;
  --font-arabic-display: 'Zain', 'Noto Naskh Arabic', sans-serif;
  --radius-card: 2px;
  --radius-input: 2px;
  --radius-pill: 2px;
  --radius-sheet: 4px;
  --surface: #F4F5F7;
  --surface-2: #FBFCFC;
  --surface-3: #EBECEE;
  --ink: #101828;
  --ink-muted: #667085;
  --ink-heading: #101418;
  --accent: #101418;
  --accent-ink: #F4F5F7;
  --accent-soft: rgba(16, 20, 24, 0.12);
  --accent-hover: #0E1115;
  --decor: #00D1B2;
  --border: rgba(16, 20, 24, 0.22);
  --border-strong: rgba(16, 20, 24, 0.45);
  --focus: #101418;
  --status-ok: #15803D;
  --status-ok-bg: rgba(21, 128, 61, 0.12);
  --status-ok-line: rgba(21, 128, 61, 0.4);
  --status-warn: #B45309;
  --status-warn-bg: rgba(180, 83, 9, 0.12);
  --status-warn-line: rgba(180, 83, 9, 0.4);
  --status-err: #B91C1C;
  --status-err-bg: rgba(185, 28, 28, 0.12);
  --status-err-line: rgba(185, 28, 28, 0.4);
  --status-info: #1D4ED8;
  --status-info-bg: rgba(29, 78, 216, 0.12);
  --status-info-line: rgba(29, 78, 216, 0.4);
  --scrim: rgba(0, 0, 0, 0.55);
  --shadow-card: none;
  --shadow-soft: none;
}
[data-color-mode="dark"][data-brand="pylon"] {
  --surface: #13171B;
  --surface-2: #1C2228;
  --surface-3: #232A31;
  --ink: #ECEDEE;
  --ink-muted: #A9ADB2;
  --ink-heading: #ECEDEE;
  --accent: #738290;
  --accent-ink: #13171B;
  --accent-soft: rgba(115, 130, 144, 0.12);
  --accent-hover: #8794A0;
  --decor: #00D1B2;
  --border: #3A3D40;
  --border-strong: rgba(115, 130, 144, 0.45);
  --focus: #738290;
  --status-ok: #4ADE80;
  --status-ok-bg: rgba(74, 222, 128, 0.12);
  --status-ok-line: rgba(74, 222, 128, 0.4);
  --status-warn: #C9912E;
  --status-warn-bg: rgba(201, 145, 46, 0.12);
  --status-warn-line: rgba(201, 145, 46, 0.4);
  --status-err: #C96666;
  --status-err-bg: rgba(201, 102, 102, 0.12);
  --status-err-line: rgba(201, 102, 102, 0.4);
  --status-info: #93C5FD;
  --status-info-bg: rgba(147, 197, 253, 0.12);
  --status-info-line: rgba(147, 197, 253, 0.4);
  --scrim: rgba(0, 0, 0, 0.55);
  --shadow-card: none;
  --shadow-soft: none;
}
@media (prefers-color-scheme: dark) {
  :not([data-color-mode="light"])[data-brand="pylon"] {
    --surface: #13171B;
    --surface-2: #1C2228;
    --surface-3: #232A31;
    --ink: #ECEDEE;
    --ink-muted: #A9ADB2;
    --ink-heading: #ECEDEE;
    --accent: #738290;
    --accent-ink: #13171B;
    --accent-soft: rgba(115, 130, 144, 0.12);
    --accent-hover: #8794A0;
    --decor: #00D1B2;
    --border: #3A3D40;
    --border-strong: rgba(115, 130, 144, 0.45);
    --focus: #738290;
    --status-ok: #4ADE80;
    --status-ok-bg: rgba(74, 222, 128, 0.12);
    --status-ok-line: rgba(74, 222, 128, 0.4);
    --status-warn: #C9912E;
    --status-warn-bg: rgba(201, 145, 46, 0.12);
    --status-warn-line: rgba(201, 145, 46, 0.4);
    --status-err: #C96666;
    --status-err-bg: rgba(201, 102, 102, 0.12);
    --status-err-line: rgba(201, 102, 102, 0.4);
    --status-info: #93C5FD;
    --status-info-bg: rgba(147, 197, 253, 0.12);
    --status-info-line: rgba(147, 197, 253, 0.4);
    --scrim: rgba(0, 0, 0, 0.55);
    --shadow-card: none;
    --shadow-soft: none;
  }
}

/* ================= Isnad (isnad) — surface role: neutral ================= */
[data-brand="isnad"] {
  --ref-primary: #1A4A8E;
  --ref-accent: #EFAE2C;
  --ref-neutral: #F7F7F5;
  --font-body: 'Atkinson Hyperlegible Next', 'Helvetica Neue', Arial, sans-serif;
  --font-display: 'Markazi Text', Georgia, serif;
  --font-arabic: 'Markazi Text', 'Noto Naskh Arabic', serif;
  --font-arabic-display: 'Markazi Text', 'Noto Naskh Arabic', serif;
  --radius-card: 4px;
  --radius-input: 4px;
  --radius-pill: 4px;
  --radius-sheet: 4px;
  --surface: #F7F7F5;
  --surface-2: #FCFCFC;
  --surface-3: #EEEEEC;
  --ink: #1A4A8E;
  --ink-muted: #667085;
  --ink-heading: #1A4A8E;
  --accent: #1A4A8E;
  --accent-ink: #F7F7F5;
  --accent-soft: rgba(26, 74, 142, 0.12);
  --accent-hover: #16407A;
  --decor: #1A4A8E;
  --border: rgba(26, 74, 142, 0.22);
  --border-strong: rgba(26, 74, 142, 0.45);
  --focus: #1A4A8E;
  --status-ok: #15803D;
  --status-ok-bg: rgba(21, 128, 61, 0.12);
  --status-ok-line: rgba(21, 128, 61, 0.4);
  --status-warn: #B45309;
  --status-warn-bg: rgba(180, 83, 9, 0.12);
  --status-warn-line: rgba(180, 83, 9, 0.4);
  --status-err: #B91C1C;
  --status-err-bg: rgba(185, 28, 28, 0.12);
  --status-err-line: rgba(185, 28, 28, 0.4);
  --status-info: #1D4ED8;
  --status-info-bg: rgba(29, 78, 216, 0.12);
  --status-info-line: rgba(29, 78, 216, 0.4);
  --scrim: rgba(0, 0, 0, 0.55);
  --shadow-card: none;
  --shadow-soft: none;
}
[data-color-mode="dark"][data-brand="isnad"] {
  --surface: #13161B;
  --surface-2: #1C2128;
  --surface-3: #232831;
  --ink: #ECEDEE;
  --ink-muted: #A9ACB2;
  --ink-heading: #ECEDEE;
  --accent: #4E82CA;
  --accent-ink: #13161B;
  --accent-soft: rgba(78, 130, 202, 0.12);
  --accent-hover: #6794D1;
  --decor: #4E82CA;
  --border: #3A3C40;
  --border-strong: rgba(78, 130, 202, 0.45);
  --focus: #4E82CA;
  --status-ok: #4ADE80;
  --status-ok-bg: rgba(74, 222, 128, 0.12);
  --status-ok-line: rgba(74, 222, 128, 0.4);
  --status-warn: #C9912E;
  --status-warn-bg: rgba(201, 145, 46, 0.12);
  --status-warn-line: rgba(201, 145, 46, 0.4);
  --status-err: #C96666;
  --status-err-bg: rgba(201, 102, 102, 0.12);
  --status-err-line: rgba(201, 102, 102, 0.4);
  --status-info: #93C5FD;
  --status-info-bg: rgba(147, 197, 253, 0.12);
  --status-info-line: rgba(147, 197, 253, 0.4);
  --scrim: rgba(0, 0, 0, 0.55);
  --shadow-card: none;
  --shadow-soft: none;
}
@media (prefers-color-scheme: dark) {
  :not([data-color-mode="light"])[data-brand="isnad"] {
    --surface: #13161B;
    --surface-2: #1C2128;
    --surface-3: #232831;
    --ink: #ECEDEE;
    --ink-muted: #A9ACB2;
    --ink-heading: #ECEDEE;
    --accent: #4E82CA;
    --accent-ink: #13161B;
    --accent-soft: rgba(78, 130, 202, 0.12);
    --accent-hover: #6794D1;
    --decor: #4E82CA;
    --border: #3A3C40;
    --border-strong: rgba(78, 130, 202, 0.45);
    --focus: #4E82CA;
    --status-ok: #4ADE80;
    --status-ok-bg: rgba(74, 222, 128, 0.12);
    --status-ok-line: rgba(74, 222, 128, 0.4);
    --status-warn: #C9912E;
    --status-warn-bg: rgba(201, 145, 46, 0.12);
    --status-warn-line: rgba(201, 145, 46, 0.4);
    --status-err: #C96666;
    --status-err-bg: rgba(201, 102, 102, 0.12);
    --status-err-line: rgba(201, 102, 102, 0.4);
    --status-info: #93C5FD;
    --status-info-bg: rgba(147, 197, 253, 0.12);
    --status-info-line: rgba(147, 197, 253, 0.4);
    --scrim: rgba(0, 0, 0, 0.55);
    --shadow-card: none;
    --shadow-soft: none;
  }
}