:root {
    /* Brand */
    --informado-color-black: #000000;
    --informado-color-white: #ffffff;
    --informado-color-red: #bc0000;
    --informado-color-red-dark: #940000;
    --informado-color-text: #111111;
    --informado-color-muted: #666666;
    --informado-color-border: #e6e6e6;
    --informado-color-surface: #f5f5f5;
    --informado-color-surface-soft: #fafafa;

    /* Typography */
    --informado-font-display: "Nohemi", "Arial Black", Arial, sans-serif;
    --informado-font-text: "Wotfard", Arial, Helvetica, sans-serif;
    --informado-font-size-xs: 0.75rem;
    --informado-font-size-sm: 0.875rem;
    --informado-font-size-md: 1rem;
    --informado-font-size-lg: 1.125rem;
    --informado-font-size-xl: clamp(1.5rem, 3vw, 2.25rem);
    --informado-line-height-tight: 1.08;
    --informado-line-height-body: 1.6;

    /* Spacing */
    --informado-space-1: 0.25rem;
    --informado-space-2: 0.5rem;
    --informado-space-3: 0.75rem;
    --informado-space-4: 1rem;
    --informado-space-5: 1.5rem;
    --informado-space-6: 2rem;
    --informado-space-7: 3rem;
    --informado-space-8: 4rem;
    --informado-space-9: 6rem;

    /* Layout */
    --informado-container: 1280px;
    --informado-content: 760px;
    --informado-gutter: clamp(1rem, 3vw, 2rem);
    --informado-control-size: 44px;
    --informado-border-width: 1px;
    --informado-radius-sm: 0.25rem;
    --informado-radius-md: 0.5rem;

    /* Layers */
    --informado-z-base: 1;
    --informado-z-header: 100;
    --informado-z-overlay: 900;
    --informado-z-modal: 1000;

    /* Motion */
    --informado-duration-fast: 140ms;
    --informado-duration-normal: 220ms;
    --informado-ease-standard: cubic-bezier(0.2, 0, 0, 1);
}