:root {
    /* Colors */
    --color-ink: #14261C;
    --color-ink-mid: #33453B;
    --color-ink-soft: #55655C;
    --color-parchment: #FFFFFF;
    --color-parchment-dim: #F2F6F1;
    --color-brass: #A8823D;
    --color-ruby: #8C4A3B;
    --color-sage: #2F6B4A;
    --color-sage-deep: #1F4D36;
    --color-sage-tint: #DCE8DF;
    --color-white: #FFFFFF;
    --color-border: rgba(20, 38, 28, 0.12);
    --color-border-dark: rgba(255, 255, 255, 0.20);

    --color-forest: #29503A;
    --color-forest-deep: #1F3E2D;
    --color-on-dark: rgba(255, 255, 255, 0.82);
    --color-on-dark-dim: rgba(255, 255, 255, 0.62);

    /* Elevation */
    --shadow-soft: 0 1px 2px rgba(20, 38, 28, 0.04), 0 8px 24px rgba(20, 38, 28, 0.06);
    --shadow-lift: 0 2px 4px rgba(20, 38, 28, 0.05), 0 16px 40px rgba(20, 38, 28, 0.10);

    /* Feedback */
    --color-success: #2F6B4A;
    --color-error: #B33B3B;
    --color-pending: #A8823D;

    /* Fonts */
    --font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
    --font-body: 'Inter', 'Helvetica Neue', sans-serif;
    --font-mono: 'IBM Plex Mono', monospace;

    /* Type scale */
    --text-xs: 0.78rem;
    --text-sm: 0.92rem;
    --text-base: 1rem;
    --text-lg: 1.15rem;
    --text-xl: 1.5rem;
    --text-2xl: 2rem;
    --text-3xl: clamp(1.8rem, 3vw, 2.4rem);
    --text-hero: clamp(2.4rem, 5vw, 4.2rem);

    /* Spacing scale */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;
    --space-7: 44px;
    --space-8: 56px;
    --space-9: 88px;

    /* Layout */
    --container-max: 1180px;
    --radius: 8px;
    --radius-card: 12px;
    --border-width: 1px;

    /* Motion */
    --transition-fast: 0.2s ease;
    --transition-base: 0.25s ease;
}