/* Aranzu colour, type and spacing tokens: the single source for every stylesheet. Load first. */
:root,.theme-light{
    --ar-main:#f8f3ea;
    --ar-main-soft:#f2eadc;
    --ar-secondary:#35150a;
    --ar-secondary-soft:#6a2902;
    --ar-accent:#a64b2a;
    --ar-accent-strong:#6a2902;
    --ar-focus:#fffdf9;
    --ar-surface:#fffdf9;
    --ar-text:#35150a;
    --ar-text-muted:#65564e;
    --ar-border:#d8c9ba;
    --ar-success:#2f6847;
    --ar-warning:#765008;
    --ar-danger:#922b2b;
    --ar-font-heading:Georgia,"Times New Roman",serif;
    --ar-font-body:Arial,Helvetica,sans-serif;
    --ar-space-1:8px;
    --ar-space-2:16px;
    --ar-space-3:24px;
    --ar-space-4:32px;
    --ar-space-5:40px;
    --ar-space-6:48px;
    --ar-space-7:56px;
    --ar-space-8:64px;
    --ar-space-9:72px;
    --ar-space-10:80px;
    --ar-space-11:88px;
    --ar-space-12:96px;
    --ar-space-16:128px;
    --ar-page-inline:32px;
    --ar-radius:8px;
    --ar-radius-lg:16px;
    --ar-shadow:0 16px 40px rgba(53,21,10,.08);
    --ui-ink:var(--ar-secondary);
    --ui-cocoa:var(--ar-secondary-soft);
    --ui-clay:var(--ar-accent);
    --ui-cream:var(--ar-main);
    --ui-paper:var(--ar-surface);
    --ui-muted:var(--ar-text-muted);
    --ui-line:var(--ar-border);
    --ui-soft:var(--ar-main-soft);
    --ui-success:var(--ar-success);
    --ui-warning:var(--ar-warning);
    --ui-danger:var(--ar-danger);
    --ui-radius:var(--ar-radius-lg);
    --ui-shadow:var(--ar-shadow);

    --ar-white:#fff;
    --ar-line-soft:#eadfd1;
    --ar-border-strong:#c2a88f;
    --ar-terra:#b56430;
    --ar-tan:#d79759;
    --ar-text-soft:#806d64;
    --ar-success-soft:#f2f7ef;
    --ar-warning-soft:#fbf2df;
    --ar-danger-soft:#f8d7da;
    --ar-danger-strong:#6a1018;
    --ar-accent-soft:#f6e0dc;
    --ar-cat-blue:#315f8d;
    --ar-cat-blue-soft:#edf4fb;
    --ar-cat-teal:#236b75;
    --ar-cat-teal-soft:#eaf6f7;
    --ar-cat-purple:#694781;
    --ar-cat-purple-soft:#f3edf8;
    --ar-media-bg:#160a06;
    /* Motion (transitions.dev scale): feedback on state changes only, see DESIGN.md MOTION 1. */
    --modal-open-dur:250ms;
    --modal-close-dur:150ms;
    --modal-scale:.96;
    --modal-scale-close:.96;
    --modal-ease:cubic-bezier(.22,1,.36,1);
    --dropdown-open-dur:250ms;
    --dropdown-close-dur:150ms;
    --dropdown-pre-scale:.97;
    --dropdown-closing-scale:.99;
    --dropdown-ease:cubic-bezier(.22,1,.36,1);
    /* Legacy names used by app.css and design2.css, kept as aliases of the tokens above. */
    --orange:var(--ar-secondary-soft);
    --ink:var(--ar-secondary);
    --cream:var(--ar-main-soft);
    --paper:var(--ar-main);
    --terra:var(--ar-terra);
    --tan:var(--ar-tan);
    --line:rgba(53,21,10,.2);
}
/* Dark theme (DESIGN.md rule 6): admin and workspace only, set on <html data-theme="dark"> by partials/theme-init.
   Composed, not inverted: a warm cocoa canvas with lighter surfaces for elevation, cream text, lifted terracotta.
   Tokens that serve as both ink and paper swap together, so every pairing keeps its contrast (all checked at 4.5:1 or more).
   .theme-light (the ink sidebar) re-declares the light tokens above and keeps its look. */
:root[data-theme="dark"]{
    color-scheme:dark;
    --ar-main:#1c1410;
    --ar-main-soft:#17100c;
    --ar-surface:#231a15;
    --ar-white:#2a201a;
    --ar-focus:#2a201a;
    --ar-secondary:#f3e9dc;
    --ar-secondary-soft:#e8b48c;
    --ar-text:#f3e9dc;
    --ar-text-muted:#c4b3a5;
    --ar-text-soft:#a8968a;
    --ar-accent:#e58a63;
    --ar-accent-strong:#f2b096;
    --ar-accent-soft:#3d2219;
    --ar-terra:#e0915e;
    --ar-border:#4a3b31;
    --ar-border-strong:#6e5a4c;
    --ar-line-soft:#33271f;
    --ar-success:#7fc79c;
    --ar-success-soft:#1d3326;
    --ar-warning:#e6bb62;
    --ar-warning-soft:#382b12;
    --ar-danger:#f19a9a;
    --ar-danger-soft:#46201f;
    --ar-danger-strong:#ffc2c2;
    --ar-cat-blue:#9cc2ea;
    --ar-cat-blue-soft:#1b2b3c;
    --ar-cat-teal:#84cbd3;
    --ar-cat-teal-soft:#163235;
    --ar-cat-purple:#c9aee0;
    --ar-cat-purple-soft:#2c2238;
    --ar-media-bg:#0d0806;
    --ar-shadow:0 16px 40px rgba(0,0,0,.4);
    --line:rgba(243,233,220,.16);
}