/*
 * Civic skin. Warm charcoal header and hero, warm grey tiles, one deep
 * green accent and a single yellow pop. Schibsted Grotesk over Albert Sans.
 * Suits data-heavy comparison directories. Only tokens live here.
 */
:root {
    --color-bg: #f8f8f7;
    --color-surface: #ebeae6;
    --color-surface-raised: #dcdad4;
    --color-text: #1c1b1a;
    --color-text-muted: #3c3b38;

    --color-primary: #095643;
    --color-on-primary: #ffffff;
    --color-accent: #ffd166;
    --color-on-accent: #1c1b1a;

    --color-header-bg: #1c1b1a;
    --color-header-fg: #f8f8f7;
    --color-header-mark: #ffd166;
    --color-hero-bg: #1c1b1a;
    --color-hero-fg: #f8f8f7;

    --color-tile-1: #d9eee4;
    --color-tile-2: #ffe9a8;
    --color-tile-3: #dce8f5;
    --color-tile-4: #ebeae6;
    --color-tile-5: #f3dcd6;
    --color-tile-6: #e6e3f5;

    --font-body: 'Albert Sans', 'Helvetica Neue', Arial, sans-serif;
    --font-heading: 'Schibsted Grotesk', 'Helvetica Neue', Arial, sans-serif;

    --radius-sm: 8px;
    --radius-md: 8px;
    --radius-lg: 12px;
}