/* brand.hormel.yaml v1.1.0 · product register · drenched teal canvas + warm paper sheet */
:root {
    /* warm paper world (sheet) */
    --paper: oklch(96.5% 0.013 80);
    --paper-deep: oklch(93.5% 0.02 80);
    --surface: oklch(98.6% 0.008 85);
    --ink: oklch(27% 0.015 160);
    --ink-soft: oklch(46% 0.02 160);
    --line: oklch(88% 0.018 80);

    /* drenched canvas (top of every phone screen) */
    --canvas: oklch(37% 0.072 215);
    --canvas-deep: oklch(29% 0.06 222);
    --on-canvas: oklch(96.5% 0.015 85);
    --on-canvas-soft: oklch(96.5% 0.015 85 / 0.7);
    --on-canvas-faint: oklch(96.5% 0.015 85 / 0.38);

    /* brand hues */
    --teal: oklch(70% 0.1 210);
    --teal-deep: oklch(42% 0.08 220);
    --teal-tint: oklch(93.5% 0.032 205);
    --green: oklch(56% 0.125 135);
    --green-tint: oklch(93% 0.05 135);
    --gold: oklch(83% 0.125 88);

    /* persona accent (María = handbook orange) */
    --accent: oklch(68% 0.155 55);
    --accent-deep: oklch(52% 0.135 48);
    --accent-tint: oklch(94% 0.045 62);

    /* awareness only (poster family) */
    --alert: oklch(58% 0.19 18);

    --radius: 14px;
    --radius-lg: 22px;
    --shadow: 0 24px 60px oklch(28% 0.03 200 / 0.16);
    --shadow-soft: 0 10px 28px oklch(28% 0.02 160 / 0.07);
    --font-ui: "Atkinson Hyperlegible", system-ui, sans-serif;
    --font-greeting: "Fraunces", Georgia, serif;
    --ease-out: cubic-bezier(0.19, 1, 0.22, 1);
    --max-phone: 420px;
    --max-admin: 1040px;
}
/* Persona accents scope to any [data-persona] node (body or compare column) */
[data-persona="maria"] {
    --accent: oklch(68% 0.155 55);
    --accent-deep: oklch(52% 0.135 48);
    --accent-tint: oklch(94% 0.045 62);
}
/* Dan = exempt corporate blue accent */
[data-persona="dan"] {
    --accent: oklch(58% 0.115 245);
    --accent-deep: oklch(47% 0.105 248);
    --accent-tint: oklch(93.5% 0.03 245);
}