:root {
    /* --- 1. Primary Palette (A Identidade "Tiger") --- */
    --brand-tiger-orange: #F6863c;
    /* Fundo Principal */
    --brand-stripes-black: #121212;
    /* Preto Profundo (não #000) para texto */

    /* Cores extraídas da ilustração */
    --brand-ice-white: #ECF0F2;
    /* Branco do focinho (Levemente creme) */
    --brand-tongue-pink: #F27D97;
    /* Rosa da língua */
    --brand-eye-yellow: #FFD700;
    /* (Opcional) Amarelo dos olhos para alertas */

    /* --- 2. Secondary Palette (Sombreamento) --- */
    /* Variações monocromáticas para bordas/sombras sem usar cinza neutro */
    --brand-shadow-orange: #C45505;
    /* Um laranja queimado para sombras */
    --brand-soft-black: #2C2C2C;



    /* --- 3. Functional Mapping (Semântica - DARK MODE) --- */
    --clr-bg-body: var(--brand-tiger-orange);
    --clr-bg-surface: var(--brand-ice-white);
    --clr-bg-surface-50: color-mix(in srgb, var(--clr-bg-surface), transparent 5%);
    /* Slightly lighter than black for cards/headers */
    --clr-bg-dark: var(--brand-stripes-black);

    --clr-text-main: var(--brand-stripes-black);
    --clr-text-inverse: var(--brand-stripes-black);
    --clr-heading: var(--brand-stripes-black);

    --clr-primary: var(--brand-tiger-orange);
    --clr-accent: var(--brand-tongue-pink);

    /* --- 4. UI Utilities (Variações que faltavam) --- */
    /* Bordas sutis */
    --ui-border-light: rgba(18, 18, 18, 0.15);
    /* Um cinza escuro para bordas em fundo escuro */
    --ui-border-dark: var(--brand-stripes-black);

    /* Textos secundários (datas, legendas) */
    --ui-text-muted: #4A4A4A;

    /* Placeholders */
    --ui-bg-placeholder: rgba(18, 18, 18, 0.05);

    /* Overlays */
    --ui-overlay-dark: rgba(0, 0, 0, 0.6);

    /* --- Typography --- */
    --font-heading: 'DidotLPDisplay', serif;
    --font-body: 'DidotLPDisplay', serif;

    /* --- 5. Gradients --- */
    --grad-black-blue: linear-gradient(to bottom, var(--brand-tiger-orange), var(--brand-tongue-pink));
    --grad-blue-black: linear-gradient(to bottom, var(--brand-stripes-black), var(--brand-shadow-orange));
}

/* Aplicação Global Básica */
body {
    background-color: var(--clr-bg-body);
    font-family: var(--font-body) !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-heading);
}