/*
 * GC MOTO design tokens — a straight copy of docs/gc-moto-design/design/tokens.json.
 * Shared by Tailwind (tailwind.config.js maps them as var()) and the hand-written
 * site.css / admin.css / brand.css.
 */
:root {
    --font-display: 'Black Ops One', 'Google Sans Flex', sans-serif;
    --font-body: 'Google Sans Flex', 'Google Sans', system-ui, sans-serif;

    /* brand */
    --gc-yellow: #ffef03;
    --gc-yellow-deep: #f1d013;
    --gc-yellow-alt: #ece000;
    --gc-amber: #edb91e;
    --gc-green: #62993e;
    --gc-green-light: #88ae30;
    --gc-gradient: linear-gradient(92deg, #62993e 0%, #88ae30 46%, #ffef03 100%);
    --gc-gradient-short: linear-gradient(92deg, #88ae30 0%, #ffef03 100%);

    /* dark theme (shop) */
    --dark-ground: #161616;
    --dark-surface: #323232;
    --dark-surface-raised: #595959;
    --dark-border: #323232;
    --dark-text: #ebebeb;
    --dark-text-strong: #ffffff;
    --dark-text-muted: #c2c2c2;
    --dark-text-muted-alt: #bbbbbb;
    --dark-stripes: repeating-linear-gradient(135deg, #2a2a2a 0 14px, #323232 14px 28px);

    /* light theme (admin) */
    --light-ground: #f3f3f1;
    --light-surface: #ffffff;
    --light-border: #e4e4e0;
    --light-track: #ecece8;
    --light-text: #161616;
    --light-text-muted: #595959;
    --light-chart-bar: #323232;
    --light-positive: #4a7a2c;

    /* status */
    --status-available: #88ae30;
    --status-coming-soon: #f1d013;
    --status-paid-bg: #dfecd3;
    --status-paid-text: #2f5518;
    --status-pending-bg: #f6e9a8;
    --status-pending-text: #5c4700;
    --status-shipped-bg: #e6e6e2;
    --status-shipped-text: #161616;

    /* shape + layout */
    --radius-sm: 4px;
    --radius-md: 6px;
    --radius-lg: 8px;
    --border-width: 1.5px;
    --max-width: 1440px;
    --page-padding: clamp(16px, 3vw, 40px);
    --section-gap: clamp(72px, 9vw, 128px);
    --grid-gap: 20px;
    --touch-target: 44px;
}