/* ============================================================
   Color Tokens - Material 3 semantic palette (light theme)
   Built strictly on the Sourya brand palette; see copilot-instructions.md
   ============================================================ */

:root {
    /* Sourya brand palette - strict source of truth, do not recreate with local hex */
    --sourya-blue: #1a73e8;
    --sourya-hover: #1557b0;
    --sourya-bg: #f8f9fa;
    --sourya-surface: #ffffff;
    --sourya-border: #dadce0;
    --sourya-text: #202124;
    --sourya-subtext: #5f6368;

    /* Text - on light backgrounds */
    --text-primary: var(--sourya-text);
    --text-secondary: var(--sourya-subtext);
    --text-disabled: #9aa0a6;
    --text-on-accent: #ffffff;
    --text-hint: var(--sourya-subtext);

    /* Primary - Material 3, anchored on sourya-blue */
    --primary-main: var(--sourya-blue);
    --primary-dark: var(--sourya-hover);
    --primary-light: #669df6;
    --primary-lighter: #e8f0fe;
    --primary-contrast: #ffffff;
    --primary-hover: rgba(26, 115, 232, 0.04);
    --primary-selected: rgba(26, 115, 232, 0.08);
    --primary-focus: rgba(26, 115, 232, 0.12);
    --primary-focus-visible: rgba(26, 115, 232, 0.30);
    --primary-outlined-border: rgba(26, 115, 232, 0.50);

    /* M3 role aliases derived from the Sourya palette */
    --on-primary: #ffffff;
    --primary-container: var(--primary-lighter);
    --on-primary-container: #174ea6;
    --surface: var(--sourya-surface);
    --on-surface: var(--sourya-text);
    --on-surface-variant: var(--sourya-subtext);
    --outline: var(--sourya-border);
    --outline-variant: #e8eaed;
    --surface-container-low: #f8f9fa;
    --surface-container: #f1f3f4;
    --surface-container-high: #e8eaed;

    /* Secondary - neutral gray (Sourya subtext family) */
    --secondary-main: var(--sourya-subtext);
    --secondary-dark: #3c4043;
    --secondary-light: #9aa0a6;
    --secondary-lighter: #f1f3f4;
    --secondary-contrast: #ffffff;

    /* Error - M3 baseline */
    --error-main: #d93025;
    --error-dark: #a50e0e;
    --error-light: #f28b82;
    --error-lighter: #fce8e6;
    --error-bg: #fce8e6;
    --error-contrast: #ffffff;
    --error-container: var(--error-lighter);
    --on-error-container: var(--error-dark);

    /* Warning - M3 baseline */
    --warning-main: #f9ab00;
    --warning-dark: #7a4100;
    --warning-light: #fcc934;
    --warning-lighter: #fef7e0;
    --warning-bg: #fef7e0;
    --warning-contrast: #202124;
    --warning-container: var(--warning-lighter);
    --on-warning-container: var(--warning-dark);

    /* Info - reuses the primary Sourya blue per M3 role mapping */
    --info-main: var(--sourya-blue);
    --info-dark: #174ea6;
    --info-light: #669df6;
    --info-lighter: #e8f0fe;
    --info-bg: #e8f0fe;
    --info-contrast: #ffffff;
    --info-container: var(--info-lighter);
    --on-info-container: var(--info-dark);

    /* Success - M3 baseline */
    --success-main: #188038;
    --success-dark: #0d652d;
    --success-light: #81c995;
    --success-lighter: #e6f4ea;
    --success-bg: #e6f4ea;
    --success-contrast: #ffffff;
    --success-container: var(--success-lighter);
    --on-success-container: var(--success-dark);

    /* Background */
    --bg-default: var(--sourya-bg);
    --bg-paper: var(--sourya-surface);
    --bg-paper-2: var(--surface-container-low);
    --bg-paper-16: var(--surface-container);
    --bg-overlay: rgba(32, 33, 36, 0.50);

    /* Action - interactive states (on-surface based state layers) */
    --action-active: var(--sourya-subtext);
    --action-hover: rgba(32, 33, 36, 0.04);
    --action-selected: rgba(32, 33, 36, 0.08);
    --action-focus: rgba(32, 33, 36, 0.12);
    --action-disabled: rgba(32, 33, 36, 0.26);
    --action-disabled-bg: rgba(32, 33, 36, 0.06);

    /* Divider */
    --divider: var(--sourya-border);
    --divider-strong: #bdc1c6;

    /* Common */
    --common-white: #ffffff;
    --common-black: #000000;

    /* ============================================================
       Chart palette - 8-color categorical, anchored on sourya-blue
       Use in order for series 1..8; cycle for more
       ============================================================ */
    --chart-1: #1a73e8;  /* sourya blue - primary */
    --chart-2: #188038;  /* green */
    --chart-3: #f9ab00;  /* yellow */
    --chart-4: #d93025;  /* red */
    --chart-5: #a142f4;  /* purple */
    --chart-6: #24c1e0;  /* cyan */
    --chart-7: #e8710a;  /* orange */
    --chart-8: #5f6368;  /* neutral gray */

    /* Chart palette - lighter tints (for fills, area gradients) */
    --chart-1-light: #aecbfa;
    --chart-2-light: #ceead6;
    --chart-3-light: #fee8b0;
    --chart-4-light: #f6aea9;
    --chart-5-light: #d7aefb;
    --chart-6-light: #aeeef8;
    --chart-7-light: #fcd9b8;
    --chart-8-light: #dadce0;

    /* Semantic chart colors - for status/sentiment */
    --chart-positive: var(--success-main);
    --chart-negative: var(--error-main);
    --chart-neutral: var(--secondary-main);
}