/* Explain: Theme design tokens (colors, fonts) — single source of truth. */
:root {
    /* Core brand palette — bright daytime waterfront */
    --ocean-blue: #0a8fd6;
    --ocean-blue-dark: #0670a8;
    --ocean-blue-light: #7fd2f5;
    --sky-blue: #d8effb;
    --sky-blue-soft: #eef8fe;
    --sun-gold: #f7b500;
    --sun-gold-soft: #ffd75c;
    --sun-gold-dark: #d99e00;
    --crab-red: #e11d2e;
    --crab-red-dark: #b3121f;
    --ink-black: #111417;
    --white: #ffffff;
    --cream: #fffdf8;

    /* Semantic tokens */
    --primary-color: #f7b500;
    --primary-hover: #d99e00;
    --secondary-color: #0a8fd6;
    --accent-color: #e11d2e;
    --background-color: #ffffff;
    --surface-color: #ffffff;
    --text-color: #122231;
    --text-muted: #5b6f80;
    --border-color: #dcecf6;

    /* Typography */
    --font-heading: 'Bebas Neue', 'Arial Narrow', Impact, sans-serif;
    --font-body: 'Inter', system-ui, -apple-system, sans-serif;
}