/* Explain: Core theme design tokens for colors, typography, and spacing. */
:root {
    /* MARKET HOME — Aurora glass palette */
    --bg: #ECEEF3;
    --fg: #12141B;
    --muted: #585D6C;

    /* Brand aliases used across the app */
    --primary-color: #123B2B;
    --primary-hover: #0D2C20;
    --secondary-color: #2E8B57;
    --accent-color: #EE6618;

    /* Surfaces */
    --background-color: #ECEEF3;
    --surface-color: rgba(255, 255, 255, 0.5);
    --text-color: #12141B;
    --text-muted: #585D6C;
    --border-color: rgba(18, 20, 27, 0.09);
    --glass-border: rgba(255, 255, 255, 0.7);

    /* Glass tokens */
    --glass: rgba(255, 255, 255, 0.5);
    --glass-strong: rgba(255, 255, 255, 0.78);
    --sheet: rgba(250, 251, 253, 0.92);
    --stroke: rgba(18, 20, 27, 0.09);
    --hi: rgba(255, 255, 255, 1);
    --spot: rgba(255, 255, 255, 0.55);
    --track: rgba(18, 20, 27, 0.12);
    --shadow: rgba(36, 42, 74, 0.16);
    --scrim: rgba(210, 214, 226, 0.45);

    /* Universe hues */
    --market: #F4960F;
    --market-2: #EE6618;
    --food: #EE463C;
    --food-2: #D2265F;
    --serv: #11B39B;
    --serv-2: #2366EE;
    --netflix: #E50914;

    /* Brand extras */
    --brand: #123B2B;
    --brand-2: #2E8B57;
    --brand-paper: #F6F8F7;
    --mk-ink: #A55A00;

    /* Typography */
    --font-heading: 'Unbounded', system-ui, sans-serif;
    --font-body: 'Figtree', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    --display: 'Unbounded', system-ui, sans-serif;
    --body: 'Figtree', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

    /* Motion & texture */
    --on-accent: #FFFFFF;
    --blob: 0.36;
    --grain: 0.045;
}