/* ==========================================================================
   MarketCast design tokens — light theme, teal/cyan brand.
   Values mirror the total-effect-ui / @marketcast/ui-kit design language so
   this static UI reads as MarketCast without adopting the React/Chakra stack.
   Everything else in style.css consumes ONLY these tokens.
   ========================================================================== */
:root {
    /* Brand */
    --mc-brand:        #07D2CE;   /* signature teal */
    --mc-brand-cyan:   #6DCFF6;   /* CTA / accent cyan */
    --mc-brand-blue:   #229DCD;   /* secondary CTA */
    --mc-brand-blue-2: #3CB5E6;
    --mc-brand-ink:    #0E7C8B;   /* dark teal — readable brand text/links on white */
    --mc-gradient:     linear-gradient(135deg, #07D2CE 0%, #6DCFF6 100%);
    --mc-gradient-soft: linear-gradient(90deg, rgba(60,181,230,0.14) 0%, rgba(7,210,206,0.14) 100%);

    /* Surfaces (light) */
    --mc-bg:         #f4f6f9;   /* page */
    --mc-surface:    #ffffff;   /* cards / panels */
    --mc-surface-2:  #fbfcfe;   /* subtle alt */
    --mc-tint:       #eaf6fc;   /* info tint / hover */
    --mc-tint-2:     #daf3fd;   /* selected */

    /* Text */
    --mc-text:        #1f2a37;  /* primary */
    --mc-text-muted:  #5b6b7b;  /* secondary */
    --mc-text-subtle: #8a97a3;  /* hints / gray-400 */
    --mc-on-brand:    #ffffff;  /* text on teal */

    /* Lines */
    --mc-border:        #e3e8ef;
    --mc-border-strong: #cfd6dd;

    /* Status */
    --mc-success:      #2e9e3f;  --mc-success-bg: #e8f7ec;
    --mc-warning:      #b7791f;  --mc-warning-bg: #fdf3d9;  --mc-warning-accent: #FFD953;
    --mc-danger:       #d64545;  --mc-danger-bg:  #fdecec;
    --mc-orange:       #FF872F;  --mc-orange-bg:  #fdeee2;
    --mc-info:         #229DCD;  --mc-info-bg:    #e6f4fb;

    /* Shape */
    --mc-radius:     10px;
    --mc-radius-sm:  6px;
    --mc-radius-pill: 999px;

    /* Elevation */
    --mc-shadow:    0 1px 2px rgba(16,24,40,0.05), 0 1px 3px rgba(16,24,40,0.08);
    --mc-shadow-md: 0 4px 14px rgba(16,24,40,0.08);
    --mc-shadow-lg: 0 14px 38px rgba(16,24,40,0.14);

    /* Type — Volte is the MarketCast brand face (licensed, not bundled); fall
       back to a clean system/geometric stack so no external font fetch is needed. */
    --mc-font: 'Volte', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    --mc-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, 'Cascadia Code', monospace;
}