/* ==========================================================================================
   Al Hayat Solutions  |  V3 prototype design tokens      tokens.css
   "White canvas, sky-blue top bar and hero, warm light beige sidebar and quiet surfaces."  One calm system for Client, Staff and Admin (owner).
   Read-only for builders: do not edit; add page-level CSS in /assets/site/page-<screen>.css instead.
   Logical properties only (RTL safe). Everything self-hosted: no network.

   CONTRAST (WCAG 2.1 relative luminance; text needs 4.5:1, large text and graphics 3:1)
     ink      #2E2822  on canvas 12.6 | sidebar 11.6 | card 13.7
     muted    #6E6253  on canvas  5.2 | sidebar  4.7 | card  5.6
     link     #1F4FCC  on canvas  6.0 | sidebar  5.5 | card  6.5
     sage-ink #356645  on canvas  5.8 | sage-bg  5.5     amber-ink #7F5410 on amber-bg 5.5
     terra-ink#9E4030  on terra-bg 5.2                  white on primary #2457D6 6.2
     white on sage-solid #3E6B4B 6.2 | on terra-solid #A8452E 5.9 | ink on amber-solid #E3A33A 6.6
     chart series (graphics, 3:1 min on card): brown #8A6A48 4.7, blue #2457D6 5.8, sage #3E6B4B 5.8,
       amber #B8781A 3.4, clay #B86A4A 4.0, tan #9C7E50 3.7
     decorative only (exempt): border #E3D7C2, grid lines, sky tints, sparkline fills.
   ========================================================================================== */

/* ---------- fonts (self-hosted, licensed OFL: Source Sans 3, Source Serif 4, Noto Kufi Arabic) ---------- */
@font-face{font-family:"Source Sans 3";src:url("/fonts/source-sans-3-latin.woff2") format("woff2");font-weight:200 900;font-style:normal;font-display:swap}
@font-face{font-family:"Source Serif 4";src:url("/fonts/source-serif-4-latin.woff2") format("woff2");font-weight:200 900;font-style:normal;font-display:swap}
@font-face{font-family:"Noto Kufi Arabic";src:url("/fonts/noto-kufi-arabic.woff2") format("woff2");font-weight:400 700;font-style:normal;font-display:swap}

:root{
  /* ---------- palette: warm beige family ---------- */
  --canvas:#FFFFFF;        /* page background: white */
  --sidebar:#F7F0E4;       /* sidebar / rails: warm light beige */
  --card:#FFFFFF;          /* cards, tables, panels: white on white, separated by hairline + soft shadow */
  --card-2:#FBF7EF;        /* nested / hover surface: very light beige */
  --border:#EBE2D1;        /* hairlines */
  --border-strong:#D6C9B2; /* inputs, dividers that must be seen */
  --ink:#2E2822;           /* warm dark brown text */
  --ink-2:#4A4238;         /* secondary headings */
  --muted:#6E6253;         /* captions, labels (AA on every surface) */
  --faint:#A79A86;         /* disabled text and decoration only (2.76 on white: never a placeholder, never small text) */
  --placeholder:#6E6253;   /* placeholder text: same as muted, 5.9 on white */
  --field-border:#8F8372;  /* the edge of an input, select or textarea: 3.7 on white, 3.5 on card-2 (WCAG 1.4.11) */
  --on-sky-deep:#2E2822;   /* text on --sky-deep: the ink (10.5); muted is only 4.28 there */
  --white:#FFFFFF;         /* a white SURFACE (becomes the card colour in dark); text on a dark fill is --on-ink or --on-solid */
  --on-ink:#FFFFFF;        /* text on an --ink fill (chips, tooltips, toasts): flips to dark in the dark theme */
  --on-wa:#FFFFFF;         /* text on a --wa green fill */
  --on-solid:#FFFFFF;      /* text on a primary / ok / danger solid fill: white in both themes */
  --scrim:rgba(46,40,34,.38); /* backdrop behind a drawer or dialog */
  --line-sky:#D8E6F5;      /* hairline on a sky surface */
  --line-beige:#EEE4D2;    /* hairline on a beige surface */
  --media-dim:1;
  /* aliases for stylesheets written as plain values that also load on the older pages (public/css/careers-v2.css): var(--k-ink,#2E2822) is the kit colour here and the plain value there */
  --k-white:var(--white); --k-ink:var(--ink); --k-ink-2:var(--ink-2); --k-muted:var(--muted); --k-border-strong:var(--border-strong); --k-border:var(--border); --k-card-2:var(--card-2); --k-sidebar:var(--sidebar); --k-primary-ink:var(--primary-ink); --k-primary:var(--primary); --k-ok-bg:var(--ok-bg); --k-ok-ink:var(--ok-ink); --k-danger-bg:var(--danger-bg); --k-danger-ink:var(--danger-ink); --k-warn-bg:var(--warn-bg); --k-warn-ink:var(--warn-ink); --k-ok:var(--ok); --k-danger:var(--danger); --k-line-sky:var(--line-sky); --k-sky:var(--sky); --k-sky-2:var(--sky-2); --k-faint:var(--faint);
  --k-scrim:var(--scrim);
  --hover:rgba(74,56,32,.06); --hover-sky:rgba(255,255,255,.75); /* a hover wash on a plain surface / on the sky top bar */
  --on-ink-muted:#D9CFC0; --on-ink-icon:#CFE0F5; --on-ink-ok:#BFD3C2; --on-ink-warn:#EBD1A2; --on-ink-tip:#E6DCCB; /* soft text on an --ink fill */
  --glass:rgba(255,255,255,.92); --glass-solid:rgba(255,255,255,.97); /* a frosted panel over a photo or the page */
  --card-grad:linear-gradient(180deg,#FFFFFF 0%,#FCF9F2 100%); --card-grad-gold:linear-gradient(180deg,#FFFFFF 0%,#FBF5EA 100%); --doc-bg:#FFFEFB; --blocked-bg:#FDF6F2; --brief-bg:linear-gradient(135deg,#EAF3FD,#FBF5EA);
  --band-sky:linear-gradient(180deg,#EDF5FD 0%,#F6FAFE 100%); --hero-bg:linear-gradient(135deg,#E4F0FC 0%,#F2F8FE 55%,#FBF5EA 100%);           /* photo brightness: .9 in the dark theme */

  /* accent: the Meta-logo blue feel, kept to one job: the primary action */
  --primary:#2457D6; --primary-hover:#1E4BC2; --primary-ink:#1F4FCC; --primary-soft:#E4ECFF;
  --primary-tint:#EEF3FF; --on-primary:#FFFFFF;

  /* sky: the pale gradient from the brief, used sparingly (greeting panel, client journey hero) */
  --sky:#EAF3FD; --sky-2:#D8E8F9; --sky-deep:#C9DDF3; --sky-bar:#F0F7FE;
  --sky-gradient:linear-gradient(135deg,#E4F0FC 0%,#F2F8FE 52%,#FBF5EA 100%);
  --beige-gradient:linear-gradient(180deg,#FFFFFF 0%,#FAF4E8 100%);

  /* status: sage success, amber warning, terracotta danger (no pure red anywhere) */
  --ok:#3E6B4B; --ok-ink:#356645; --ok-bg:#E2ECE1; --ok-line:#BFD3C2;
  --warn:#E3A33A; --warn-ink:#7F5410; --warn-bg:#F8E8C6; --warn-line:#E8CF98;
  --danger:#A8452E; --danger-ink:#9E4030; --danger-bg:#F7E2DA; --danger-line:#E7BFB1;
  --info:#2457D6; --info-ink:#1F4FCC; --info-bg:#E4ECFF; --info-line:#C5D4F7;

  /* chart palette (order matters: series 1..6), plus structure */
  --c1:#8A6A48; --c2:#2457D6; --c3:#3E6B4B; --c4:#B8781A; --c5:#B86A4A; --c6:#9C7E50;
  --c1-soft:#D9C7AE; --c2-soft:#C5D4F7; --c3-soft:#BFD3C2; --c4-soft:#EBD1A2; --c5-soft:#E4C1B1; --c6-soft:#DCCDB3;
  --chart-grid:#E9DFCD; --chart-axis:#B9AB92; --chart-label:#6E6253;
  --chart-prev:#C4B8A3;    /* previous period line: dashed, quiet */

  /* service colours (small accents: chips, left stripes; never big fills) */
  --svc-business:#8A6A48; --svc-study:#2457D6; --svc-global:#3E6B4B; --svc-work:#B8781A;
  --svc-business-solid:#8A6A48; /* a fill that carries white text */ --svc-papers:#9C7E50; --svc-studio:#B86A4A; --svc-funding:#5B6B8A;

  /* ---------- type ---------- */
  --font-sans:"Source Sans 3","Segoe UI",system-ui,-apple-system,sans-serif;
  --font-serif:"Source Serif 4","Iowan Old Style",Georgia,serif;
  --font-mono:ui-monospace,"Cascadia Mono",Consolas,monospace;
  --fs-13:13px; --fs-14:14px; --fs-15:15px; --fs-16:16px; --fs-18:18px; --fs-20:20px;
  --fs-24:24px; --fs-28:28px; --fs-32:32px; --fs-40:40px;
  --lh-tight:1.2; --lh-snug:1.35; --lh-body:1.55;
  --fw-regular:400; --fw-medium:500; --fw-semibold:600; --fw-bold:700;
  --track-caps:.06em;

  /* ---------- spacing (4-based) ---------- */
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:20px; --s-6:24px; --s-8:32px; --s-10:40px; --s-12:48px; --s-16:64px;
  --gutter:16px; --gutter-lg:32px; --content-max:1320px; --reading-max:68ch;

  /* ---------- shape ---------- */
  --r-xs:8px; --r-sm:12px; --r-md:16px; --r-lg:20px; --r-xl:24px; --r-pill:999px;

  /* ---------- warm shadows (brown-tinted, never grey) ---------- */
  --shadow-1:0 1px 2px rgba(74,56,32,.06),0 1px 0 rgba(255,255,255,.6) inset;
  --shadow-2:0 2px 6px rgba(74,56,32,.08),0 12px 28px -16px rgba(74,56,32,.22);
  --shadow-3:0 10px 30px -10px rgba(74,56,32,.28),0 30px 60px -30px rgba(74,56,32,.3);
  --shadow-focus:0 0 0 3px #FFFFFF,0 0 0 6px var(--primary);

  /* ---------- motion ---------- */
  --ease:cubic-bezier(.2,.7,.2,1); --dur-fast:140ms; --dur:220ms; --dur-slow:360ms;

  /* ---------- layout ---------- */
  --side-w:248px; --side-w-collapsed:72px; --top-h:64px; --bottom-h:64px; --drawer-w:520px;
  --tap:44px; --tap-lg:52px;

  /* semantic aliases components read */
  --bg:var(--canvas); --surface:var(--card); --text:var(--ink); --text-2:var(--muted); --line:var(--border);
  --focus:var(--primary);
  color-scheme:light;
}

/* Arabic and other RTL scripts: swap sans for Noto Kufi Arabic; everything else stays logical */
:root[dir="rtl"]{--font-sans:"Noto Kufi Arabic","Source Sans 3","Segoe UI",system-ui,sans-serif;--font-serif:"Noto Kufi Arabic","Source Serif 4",serif;--track-caps:0}

/* reduced motion: the whole system goes still */
@media (prefers-reduced-motion:reduce){:root{--dur-fast:0ms;--dur:0ms;--dur-slow:0ms}}

/* ---------- dark theme (Q6): token overrides only, never per-component colour. The same block sits under the attribute and under the system preference (kept equal by tests/dark-mode.test.mjs). ---------- */
:root[data-theme="dark"]{
  --canvas:#0F1522; --sidebar:#151D2D; --card:#1A2336; --card-2:#202B41;
  --border:#2C3853; --border-strong:#41506F;
  --ink:#EEF2FA; --ink-2:#D2D9E8; --muted:#AEB8CC; --faint:#6F7B94;
  --placeholder:#A3AEC4; --field-border:#7D8AA6; --on-sky-deep:#EEF2FA;
  --white:#1A2336; --on-ink:#0F1522; --on-solid:#FFFFFF;
  --primary:#3C66DE; --primary-hover:#3459C8; --primary-ink:#9DB8FF; --primary-soft:#23325E; --primary-tint:#1B2749; --on-primary:#FFFFFF;
  --sky:#18243D; --sky-2:#1D2C4A; --sky-deep:#24365B; --sky-bar:#141D30;
  --sky-gradient:linear-gradient(135deg,#16233B 0%,#111A2C 52%,#1B1F2A 100%);
  --beige-gradient:linear-gradient(180deg,#1A2336 0%,#151D2D 100%);
  --ok:#3F7A52; --ok-ink:#7FCB98; --ok-bg:#16291F; --ok-line:#2C5A3C;
  --warn:#E3A33A; --warn-ink:#F0C46E; --warn-bg:#2E2512; --warn-line:#5A4720;
  --danger:#B4533A; --danger-ink:#F0A08C; --danger-bg:#331C18; --danger-line:#6A3428;
  --info:#3C66DE; --info-ink:#9DB8FF; --info-bg:#1C2A52; --info-line:#304477;
  --c1:#C9A27A; --c2:#7FA0FF; --c3:#6FBF8A; --c4:#E0A64A; --c5:#E08A66; --c6:#C2A66F;
  --c1-soft:#3A3023; --c2-soft:#25355F; --c3-soft:#1E3A2A; --c4-soft:#44371A; --c5-soft:#4A2E22; --c6-soft:#3A3424;
  --chart-grid:#2C3853; --chart-axis:#5C6B8A; --chart-label:#AEB8CC; --chart-prev:#5C6B8A;
  --svc-business-solid:#7A5A3A; --svc-business:#C9A27A; --svc-study:#7FA0FF; --svc-global:#6FBF8A; --svc-work:#E0A64A; --svc-papers:#C2A66F; --svc-studio:#E08A66; --svc-funding:#8FA3CC;
  --shadow-1:0 1px 2px rgba(0,0,0,.4); --shadow-2:0 2px 6px rgba(0,0,0,.4),0 12px 28px -16px rgba(0,0,0,.7); --shadow-3:0 10px 30px -10px rgba(0,0,0,.6),0 30px 60px -30px rgba(0,0,0,.7);
  --shadow-focus:0 0 0 3px #0F1522,0 0 0 6px #9DB8FF;
  --scrim:rgba(4,8,16,.62); --hover:rgba(238,242,250,.08); --hover-sky:rgba(255,255,255,.08);
  --on-ink-muted:#3D465C; --on-ink-icon:#24365B; --on-ink-ok:#1F5A33; --on-ink-warn:#6A4A10; --on-ink-tip:#3D465C;
  --glass:rgba(26,35,54,.92); --glass-solid:rgba(15,21,34,.97);
  --card-grad:linear-gradient(180deg,#1A2336 0%,#172033 100%); --card-grad-gold:linear-gradient(180deg,#1A2336 0%,#241F1A 100%); --doc-bg:#1A2336; --blocked-bg:#2A1A18; --brief-bg:linear-gradient(135deg,#16233B,#1B1F2A);
  --band-sky:linear-gradient(180deg,#16233B 0%,#121B2E 100%); --hero-bg:linear-gradient(135deg,#16233B 0%,#111A2C 55%,#1B1F2A 100%); --line-sky:#2A3550; --line-beige:#2C3853; --media-dim:.9; --focus:#9DB8FF;
  --gold-ink:#E8BE68; --gold-soft:#2E2614; --gold-line:#5A4720;
  --on-wa:#0B1F14; --wa:#5FD08F; --wa-bg:#143024; --wa-line:#2C5A3C;
  --sky-bar-bg:rgba(15,21,34,.92);
  color-scheme:dark;}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --canvas:#0F1522; --sidebar:#151D2D; --card:#1A2336; --card-2:#202B41;
  --border:#2C3853; --border-strong:#41506F;
  --ink:#EEF2FA; --ink-2:#D2D9E8; --muted:#AEB8CC; --faint:#6F7B94;
  --placeholder:#A3AEC4; --field-border:#7D8AA6; --on-sky-deep:#EEF2FA;
  --white:#1A2336; --on-ink:#0F1522; --on-solid:#FFFFFF;
  --primary:#3C66DE; --primary-hover:#3459C8; --primary-ink:#9DB8FF; --primary-soft:#23325E; --primary-tint:#1B2749; --on-primary:#FFFFFF;
  --sky:#18243D; --sky-2:#1D2C4A; --sky-deep:#24365B; --sky-bar:#141D30;
  --sky-gradient:linear-gradient(135deg,#16233B 0%,#111A2C 52%,#1B1F2A 100%);
  --beige-gradient:linear-gradient(180deg,#1A2336 0%,#151D2D 100%);
  --ok:#3F7A52; --ok-ink:#7FCB98; --ok-bg:#16291F; --ok-line:#2C5A3C;
  --warn:#E3A33A; --warn-ink:#F0C46E; --warn-bg:#2E2512; --warn-line:#5A4720;
  --danger:#B4533A; --danger-ink:#F0A08C; --danger-bg:#331C18; --danger-line:#6A3428;
  --info:#3C66DE; --info-ink:#9DB8FF; --info-bg:#1C2A52; --info-line:#304477;
  --c1:#C9A27A; --c2:#7FA0FF; --c3:#6FBF8A; --c4:#E0A64A; --c5:#E08A66; --c6:#C2A66F;
  --c1-soft:#3A3023; --c2-soft:#25355F; --c3-soft:#1E3A2A; --c4-soft:#44371A; --c5-soft:#4A2E22; --c6-soft:#3A3424;
  --chart-grid:#2C3853; --chart-axis:#5C6B8A; --chart-label:#AEB8CC; --chart-prev:#5C6B8A;
  --svc-business-solid:#7A5A3A; --svc-business:#C9A27A; --svc-study:#7FA0FF; --svc-global:#6FBF8A; --svc-work:#E0A64A; --svc-papers:#C2A66F; --svc-studio:#E08A66; --svc-funding:#8FA3CC;
  --shadow-1:0 1px 2px rgba(0,0,0,.4); --shadow-2:0 2px 6px rgba(0,0,0,.4),0 12px 28px -16px rgba(0,0,0,.7); --shadow-3:0 10px 30px -10px rgba(0,0,0,.6),0 30px 60px -30px rgba(0,0,0,.7);
  --shadow-focus:0 0 0 3px #0F1522,0 0 0 6px #9DB8FF;
  --scrim:rgba(4,8,16,.62); --hover:rgba(238,242,250,.08); --hover-sky:rgba(255,255,255,.08);
  --on-ink-muted:#3D465C; --on-ink-icon:#24365B; --on-ink-ok:#1F5A33; --on-ink-warn:#6A4A10; --on-ink-tip:#3D465C;
  --glass:rgba(26,35,54,.92); --glass-solid:rgba(15,21,34,.97);
  --card-grad:linear-gradient(180deg,#1A2336 0%,#172033 100%); --card-grad-gold:linear-gradient(180deg,#1A2336 0%,#241F1A 100%); --doc-bg:#1A2336; --blocked-bg:#2A1A18; --brief-bg:linear-gradient(135deg,#16233B,#1B1F2A);
  --band-sky:linear-gradient(180deg,#16233B 0%,#121B2E 100%); --hero-bg:linear-gradient(135deg,#16233B 0%,#111A2C 55%,#1B1F2A 100%); --line-sky:#2A3550; --line-beige:#2C3853; --media-dim:.9; --focus:#9DB8FF;
  --gold-ink:#E8BE68; --gold-soft:#2E2614; --gold-line:#5A4720;
  --on-wa:#0B1F14; --wa:#5FD08F; --wa-bg:#143024; --wa-line:#2C5A3C;
  --sky-bar-bg:rgba(15,21,34,.92);
  color-scheme:dark;}}

/* ---------- frames that show a customer's site or a phone stay LIGHT inside the dark theme: the light tokens are put back on them (generated from the light :root above; tests/dark-mode.test.mjs keeps it equal) ---------- */
:root[data-theme="dark"] :is(.device,.bs-device,.mz-phs,.lab-phone,.lab-chat-mock,.hh-device,.ba-frame){--canvas:#FFFFFF; --sidebar:#F7F0E4; --card:#FFFFFF; --card-2:#FBF7EF; --border:#EBE2D1; --border-strong:#D6C9B2; --ink:#2E2822; --ink-2:#4A4238; --muted:#6E6253; --faint:#A79A86; --placeholder:#6E6253; --field-border:#8F8372; --on-sky-deep:#2E2822; --white:#FFFFFF; --on-ink:#FFFFFF; --on-solid:#FFFFFF; --primary:#2457D6; --primary-hover:#1E4BC2; --primary-ink:#1F4FCC; --primary-soft:#E4ECFF; --primary-tint:#EEF3FF; --on-primary:#FFFFFF; --sky:#EAF3FD; --sky-2:#D8E8F9; --sky-deep:#C9DDF3; --sky-bar:#F0F7FE; --sky-gradient:linear-gradient(135deg,#E4F0FC 0%,#F2F8FE 52%,#FBF5EA 100%); --beige-gradient:linear-gradient(180deg,#FFFFFF 0%,#FAF4E8 100%); --ok:#3E6B4B; --ok-ink:#356645; --ok-bg:#E2ECE1; --ok-line:#BFD3C2; --warn:#E3A33A; --warn-ink:#7F5410; --warn-bg:#F8E8C6; --warn-line:#E8CF98; --danger:#A8452E; --danger-ink:#9E4030; --danger-bg:#F7E2DA; --danger-line:#E7BFB1; --info:#2457D6; --info-ink:#1F4FCC; --info-bg:#E4ECFF; --info-line:#C5D4F7; --c1:#8A6A48; --c2:#2457D6; --c3:#3E6B4B; --c4:#B8781A; --c5:#B86A4A; --c6:#9C7E50; --c1-soft:#D9C7AE; --c2-soft:#C5D4F7; --c3-soft:#BFD3C2; --c4-soft:#EBD1A2; --c5-soft:#E4C1B1; --c6-soft:#DCCDB3; --chart-grid:#E9DFCD; --chart-axis:#B9AB92; --chart-label:#6E6253; --chart-prev:#C4B8A3; --svc-business-solid:#8A6A48; --svc-business:#8A6A48; --svc-study:#2457D6; --svc-global:#3E6B4B; --svc-work:#B8781A; --svc-papers:#9C7E50; --svc-studio:#B86A4A; --svc-funding:#5B6B8A; --shadow-1:0 1px 2px rgba(74,56,32,.06),0 1px 0 rgba(255,255,255,.6) inset; --shadow-2:0 2px 6px rgba(74,56,32,.08),0 12px 28px -16px rgba(74,56,32,.22); --shadow-3:0 10px 30px -10px rgba(74,56,32,.28),0 30px 60px -30px rgba(74,56,32,.3); --shadow-focus:0 0 0 3px #FFFFFF,0 0 0 6px var(--primary); --scrim:rgba(46,40,34,.38); --hover:rgba(74,56,32,.06); --hover-sky:rgba(255,255,255,.75); --on-ink-muted:#D9CFC0; --on-ink-icon:#CFE0F5; --on-ink-ok:#BFD3C2; --on-ink-warn:#EBD1A2; --on-ink-tip:#E6DCCB; --glass:rgba(255,255,255,.92); --glass-solid:rgba(255,255,255,.97); --card-grad:linear-gradient(180deg,#FFFFFF 0%,#FCF9F2 100%); --card-grad-gold:linear-gradient(180deg,#FFFFFF 0%,#FBF5EA 100%); --doc-bg:#FFFEFB; --blocked-bg:#FDF6F2; --brief-bg:linear-gradient(135deg,#EAF3FD,#FBF5EA); --band-sky:linear-gradient(180deg,#EDF5FD 0%,#F6FAFE 100%); --hero-bg:linear-gradient(135deg,#E4F0FC 0%,#F2F8FE 55%,#FBF5EA 100%); --line-sky:#D8E6F5; --line-beige:#EEE4D2; --media-dim:1; --focus:var(--primary); --gold-ink:#8A5E10; --gold-soft:#F6E7C4; --gold-line:#E8CF98; --on-wa:#FFFFFF; --wa:#15754A; --wa-bg:#E6F4EC; --wa-line:#BFE0CC; --sky-bar-bg:rgba(240,247,254,.92); --bg:var(--canvas);--surface:var(--card);--text:var(--ink);--text-2:var(--muted);--line:var(--border);color-scheme:light;color:var(--ink);}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) :is(.device,.bs-device,.mz-phs,.lab-phone,.lab-chat-mock,.hh-device,.ba-frame){--canvas:#FFFFFF; --sidebar:#F7F0E4; --card:#FFFFFF; --card-2:#FBF7EF; --border:#EBE2D1; --border-strong:#D6C9B2; --ink:#2E2822; --ink-2:#4A4238; --muted:#6E6253; --faint:#A79A86; --placeholder:#6E6253; --field-border:#8F8372; --on-sky-deep:#2E2822; --white:#FFFFFF; --on-ink:#FFFFFF; --on-solid:#FFFFFF; --primary:#2457D6; --primary-hover:#1E4BC2; --primary-ink:#1F4FCC; --primary-soft:#E4ECFF; --primary-tint:#EEF3FF; --on-primary:#FFFFFF; --sky:#EAF3FD; --sky-2:#D8E8F9; --sky-deep:#C9DDF3; --sky-bar:#F0F7FE; --sky-gradient:linear-gradient(135deg,#E4F0FC 0%,#F2F8FE 52%,#FBF5EA 100%); --beige-gradient:linear-gradient(180deg,#FFFFFF 0%,#FAF4E8 100%); --ok:#3E6B4B; --ok-ink:#356645; --ok-bg:#E2ECE1; --ok-line:#BFD3C2; --warn:#E3A33A; --warn-ink:#7F5410; --warn-bg:#F8E8C6; --warn-line:#E8CF98; --danger:#A8452E; --danger-ink:#9E4030; --danger-bg:#F7E2DA; --danger-line:#E7BFB1; --info:#2457D6; --info-ink:#1F4FCC; --info-bg:#E4ECFF; --info-line:#C5D4F7; --c1:#8A6A48; --c2:#2457D6; --c3:#3E6B4B; --c4:#B8781A; --c5:#B86A4A; --c6:#9C7E50; --c1-soft:#D9C7AE; --c2-soft:#C5D4F7; --c3-soft:#BFD3C2; --c4-soft:#EBD1A2; --c5-soft:#E4C1B1; --c6-soft:#DCCDB3; --chart-grid:#E9DFCD; --chart-axis:#B9AB92; --chart-label:#6E6253; --chart-prev:#C4B8A3; --svc-business-solid:#8A6A48; --svc-business:#8A6A48; --svc-study:#2457D6; --svc-global:#3E6B4B; --svc-work:#B8781A; --svc-papers:#9C7E50; --svc-studio:#B86A4A; --svc-funding:#5B6B8A; --shadow-1:0 1px 2px rgba(74,56,32,.06),0 1px 0 rgba(255,255,255,.6) inset; --shadow-2:0 2px 6px rgba(74,56,32,.08),0 12px 28px -16px rgba(74,56,32,.22); --shadow-3:0 10px 30px -10px rgba(74,56,32,.28),0 30px 60px -30px rgba(74,56,32,.3); --shadow-focus:0 0 0 3px #FFFFFF,0 0 0 6px var(--primary); --scrim:rgba(46,40,34,.38); --hover:rgba(74,56,32,.06); --hover-sky:rgba(255,255,255,.75); --on-ink-muted:#D9CFC0; --on-ink-icon:#CFE0F5; --on-ink-ok:#BFD3C2; --on-ink-warn:#EBD1A2; --on-ink-tip:#E6DCCB; --glass:rgba(255,255,255,.92); --glass-solid:rgba(255,255,255,.97); --card-grad:linear-gradient(180deg,#FFFFFF 0%,#FCF9F2 100%); --card-grad-gold:linear-gradient(180deg,#FFFFFF 0%,#FBF5EA 100%); --doc-bg:#FFFEFB; --blocked-bg:#FDF6F2; --brief-bg:linear-gradient(135deg,#EAF3FD,#FBF5EA); --band-sky:linear-gradient(180deg,#EDF5FD 0%,#F6FAFE 100%); --hero-bg:linear-gradient(135deg,#E4F0FC 0%,#F2F8FE 55%,#FBF5EA 100%); --line-sky:#D8E6F5; --line-beige:#EEE4D2; --media-dim:1; --focus:var(--primary); --gold-ink:#8A5E10; --gold-soft:#F6E7C4; --gold-line:#E8CF98; --on-wa:#FFFFFF; --wa:#15754A; --wa-bg:#E6F4EC; --wa-line:#BFE0CC; --sky-bar-bg:rgba(240,247,254,.92); --bg:var(--canvas);--surface:var(--card);--text:var(--ink);--text-2:var(--muted);--line:var(--border);color-scheme:light;color:var(--ink);}}