/* SIPKVH public design tokens. Values are complete CSS colours, not bare HSL channels. */
:root {
    --sipkvh-brand-green: #16A34A;
    --sipkvh-ink: #0A0A0B;
    --sipkvh-muted-ink: #71717A;
    --sipkvh-surface: #FFFFFF;
    --sipkvh-hairline: #E4E4E8;
    --sipkvh-emerald-300: #6EE7B7;
    --sipkvh-emerald-400: #34D399;
    --sipkvh-emerald-900: #064E3B;
    --sipkvh-emerald-950: #022C22;
    --sipkvh-orange-300: #FDBA74;
    --sipkvh-orange-400: #FB923C;
    --sipkvh-orange-900: #7C2D12;
    --sipkvh-orange-950: #431407;
    --sipkvh-blue-300: #93C5FD;
    --sipkvh-blue-400: #60A5FA;
    --sipkvh-blue-900: #1E3A8A;
    --sipkvh-blue-950: #172554;
    --sipkvh-yellow-300: #FDE047;
    --sipkvh-yellow-400: #FACC15;
    --sipkvh-yellow-900: #713F12;
    --sipkvh-yellow-950: #422006;
    --sipkvh-rose-300: #FDA4AF;
    --sipkvh-rose-400: #FB7185;
    --sipkvh-rose-900: #881337;
    --sipkvh-rose-950: #4C0519;
    --sipkvh-font-primary: "Pally-Variable", "Pally", sans-serif;
    --sipkvh-font-editorial: "Sentient-Variable", "Sentient", Georgia, serif;
    --background: var(--sipkvh-surface);
    --foreground: var(--sipkvh-ink);
    --muted-foreground: var(--sipkvh-muted-ink);
    --border: var(--sipkvh-hairline);
    --primary: var(--sipkvh-brand-green);
    --primary-foreground: var(--foreground);
    --muted: #F4F4F5; /* Existing disabled-control surface only, not a new decorative background. */
    --ring: var(--primary);
    --success: var(--primary);
    --success-foreground: var(--foreground);
    --destructive: #EF4444; /* Incorrect/error status only. */
    --destructive-foreground: var(--foreground);
    --sipkvh-space-unit: 8px;
    --sipkvh-mobile-gutter: 24px;
    --sipkvh-content-width: 1200px;
    --sipkvh-target-min: 40px;
}