/* Generated from the Codezilla website design tokens. */
:root {
    --primary: #fb923c;
    --primary-light: #fdba74;
    --primary-dark: #f97316;
    --primary-pale: #fed7aa;
    --analog-yellow: #fbbf24;
    --analog-yellow-light: #fcd34d;
    --analog-rose: #fb7185;
    --analog-rose-light: #fda4af;
    --dark: #431407;
    --dark-hover: #7c2d12;
    --text: #57534e;
    --text-light: #78716c;
    --text-inverse: #d6d3d1;
    --text-inverse-dim: #a8a29e;
    --bg: #ffffff;
    --bg-alt: #fff7ed;
    --bg-card: #ffffff;
    --border: #f5e6d3;
    --shadow-sm: 0 1px 3px rgba(0,0,0,0.06);
    --shadow: 0 4px 20px rgba(0,0,0,0.08);
    --shadow-lg: 0 10px 40px rgba(249,115,22,0.18);
    --radius: 16px;
    --radius-sm: 10px;

    /* Foreground colours darkened just enough to clear WCAG AA (4.5:1) on their
       own pale backgrounds. The lighter originals below only reach ~2.5:1. */
    --orange-deep: #9a3412;
    --amber-deep: #92400e;
    --rose-cta: #e11d48;
    --rose-cta-hover: #be123c;
    /* Darker still: the success chip needs 3:1 against the orange panel it sits
       on, not just 4.5:1 for its own label. */
    --rose-chip: #9f1239;

    /* RGB triplets, so the warm hues can be reused with an alpha channel
       instead of being re-typed as literal rgba() values. */
    --primary-rgb: 251, 146, 60;
    --analog-yellow-rgb: 251, 191, 36;
    --analog-rose-rgb: 251, 113, 133;
}