:root{
 /* Marketing OS design tokens — "Uredniška kontrolna soba" (editorial control room).
  * One source for colour, type, spacing and rules. Light "paper" is the default; dark is the
  * graphite "night shift". Brand fonts (Unbounded/Sora, Poppins/Work Sans) stay in the generated
  * graphics and post previews only, never in the interface. Contrast pairs are WCAG AA on --paper. */
 color-scheme:light;

 /* Paper and ink */
 --paper:#f4f1ea;          /* page */
 --paper-2:#ebe6db;        /* bands, table heads, hover */
 --paper-3:#fbf9f4;        /* fields, floating layers */
 --ink:#141414;            /* text, heavy rules, primary buttons — 16.9:1 on paper */
 --ink-2:#3a3732;          /* secondary text — 10.4:1 */
 --ink-3:#5c574e;          /* muted text, labels — 6.3:1 */
 --on-ink:#f4f1ea;         /* text on ink fills */
 --hair:#cdc6b7;           /* hairline grid (decorative) */
 --hair-2:#8f887a;         /* control borders — 3.3:1, non-text contrast */
 --rule:#141414;           /* heavy section rules */

 /* The one marker. Used for exactly one element per screen: the active section tab. */
 --marker:#c5ff00;
 --marker-ink:#141414;

 /* Editorial status palette — always paired with a word, never colour alone */
 --st-wait:#8a4f00;   --st-wait-bg:#f6e2b6;   /* čaka na pregled / načrtovano: amber */
 --st-ok:#1d5b39;     --st-ok-bg:#d8eadb;     /* odobreno / objavljeno: ink green */
 --st-err:#b0241b;    --st-err-bg:#f6d6d0;    /* napaka: proof-reader red */
 --st-info:#23466f;   --st-info-bg:#dbe4ee;   /* informacija: blue-black ink */
 --st-draft:#4a463f;  --st-draft-bg:#e3ddd0;  /* osnutek: neutral */

 /* Brand strips: CreateAI = ink with the lime accent of the brand, drApple = apple green */
 --brand-createai-accent:#c5ff00; --brand-drapple-accent:#a4d65e; /* official accents (BRAND_GUIDELINES.md) */
 --brand-createai:#141414;  --brand-createai-tint:#e4e1d9; --brand-createai-ink:#141414;
 --brand-drapple:#3b711e;   --brand-drapple-tint:#dcebcb;  --brand-drapple-ink:#24440d;

 /* Focus ring: ink on paper (16:1), paper gap so it shows on ink buttons too */
 --focus:#141414;
 --focus-gap:#f4f1ea;

 /* Type */
 --font-display:"Instrument Serif","Iowan Old Style","Palatino Linotype",Georgia,serif;
 --font-text:"Inter Tight","Inter","Helvetica Neue",Arial,system-ui,sans-serif;
 --font-mono:"IBM Plex Mono",ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;
 --fs-micro:11px;   /* mono labels, kickers */
 --fs-small:12.5px;
 --fs-body:14px;
 --fs-lead:16px;
 --fs-h3:19px;
 --fs-h2:26px;      /* serif section heads */
 --fs-h1:clamp(40px,5.2vw,76px);
 --fs-figure:clamp(40px,4.2vw,60px); /* serif metrics */
 --lh-tight:1.05;
 --lh-text:1.5;
 --track-mono:.06em;

 /* 4 px grid */
 --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:20px; --s6:24px; --s8:32px; --s10:40px; --s12:48px; --s16:64px;
 --gutter:clamp(16px,3vw,40px);
 --measure:1480px;

 /* Rules and corners */
 --hairline:1px solid var(--hair);
 --line:1px solid var(--ink);
 --heavy:3px solid var(--rule);
 --radius:0;
 --radius-field:2px;

 /* Only floating layers (dialog, palette, toast) cast a shadow */
 --float-shadow:0 18px 50px rgba(20,20,20,.22),0 2px 0 rgba(20,20,20,.9);
 --scrim:rgba(20,20,20,.42);

 /* Motion: short and flat */
 --dur:120ms;
 --ease:cubic-bezier(.2,0,0,1);
}

:root[data-marketing-theme="dark"]{
 color-scheme:dark;
 --paper:#1c1d1f;
 --paper-2:#26272a;
 --paper-3:#151617;
 --ink:#ece8df;          /* 14.6:1 on graphite */
 --ink-2:#cbc6bb;        /* 10.6:1 */
 --ink-3:#a39e93;        /* 6.6:1 */
 --on-ink:#1c1d1f;
 --hair:#38393d;
 --hair-2:#77787e;
 --rule:#ece8df;
 --marker:#c5ff00;
 --marker-ink:#141414;
 --st-wait:#f0c06a;   --st-wait-bg:#3a2f17;
 --st-ok:#8fd4a6;     --st-ok-bg:#183223;
 --st-err:#ff9d90;    --st-err-bg:#43201c;
 --st-info:#a3bfe6;   --st-info-bg:#1c2a3d;
 --st-draft:#d0cabe;  --st-draft-bg:#33332f;
 --brand-createai:#ece8df;  --brand-createai-tint:#2e2f31; --brand-createai-ink:#ece8df;
 --brand-drapple:#8cc95a;   --brand-drapple-tint:#24321a;  --brand-drapple-ink:#cbe9b0;
 --focus:#ece8df;
 --focus-gap:#1c1d1f;
 --float-shadow:0 18px 50px rgba(0,0,0,.55),0 2px 0 rgba(236,232,223,.7);
 --scrim:rgba(0,0,0,.6);
}

/* Interface fonts, self-hosted from public/ui-fonts (no third-party requests; SIL Open Font License 1.1, see ui-fonts/LICENSE.md).
 * Latin + Latin Extended subsets cover Slovenian č, š, ž. Inter Tight is one variable file for weights 400–700. */
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:swap;src:url("/ui-fonts/ibm-plex-mono-normal-400-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:swap;src:url("/ui-fonts/ibm-plex-mono-normal-400-latin.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:500;font-display:swap;src:url("/ui-fonts/ibm-plex-mono-normal-500-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:500;font-display:swap;src:url("/ui-fonts/ibm-plex-mono-normal-500-latin.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Instrument Serif";font-style:italic;font-weight:400;font-display:swap;src:url("/ui-fonts/instrument-serif-italic-400-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Instrument Serif";font-style:italic;font-weight:400;font-display:swap;src:url("/ui-fonts/instrument-serif-italic-400-latin.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Instrument Serif";font-style:normal;font-weight:400;font-display:swap;src:url("/ui-fonts/instrument-serif-normal-400-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Instrument Serif";font-style:normal;font-weight:400;font-display:swap;src:url("/ui-fonts/instrument-serif-normal-400-latin.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Inter Tight";font-style:normal;font-weight:400 700;font-display:swap;src:url("/ui-fonts/inter-tight-normal-400-700-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Inter Tight";font-style:normal;font-weight:400 700;font-display:swap;src:url("/ui-fonts/inter-tight-normal-400-700-latin.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}