/*
 * Billboard skin. Pure white paper, black type, black buttons with 4px
 * corners, and pastel solids colouring whole tiles with black type on top.
 * Manrope over Figtree. Suits directories with imagery or a playful
 * subject. Only tokens live here.
 */
:root {
    --color-bg: #ffffff;
    --color-surface: #f1f0ec;
    --color-surface-raised: #e4e2dc;
    --color-text: #111111;
    --color-text-muted: #111111;

    --color-primary: #111111;
    --color-on-primary: #ffffff;
    --color-accent: #e9b44c;
    --color-on-accent: #111111;

    --color-header-bg: #ffffff;
    --color-header-fg: #111111;
    --color-header-mark: #111111;
    --color-hero-bg: #ffffff;
    --color-hero-fg: #111111;

    --color-tile-1: #e9b44c;
    --color-tile-2: #f4a58a;
    --color-tile-3: #a6d3f2;
    --color-tile-4: #9bd7b4;
    --color-tile-5: #d4c5f0;
    --color-tile-6: #f1f0ec;

    --font-body: 'Figtree', 'Helvetica Neue', Arial, sans-serif;
    --font-heading: 'Manrope', 'Helvetica Neue', Arial, sans-serif;

    --radius-sm: 4px;
    --radius-md: 4px;
    --radius-lg: 4px;
}