/* =========================
   TEMA CLARO
   ========================= */

:root,
[data-theme="light"] {
    color-scheme: light;

    --bg: #ffffff;
    --surface: #ffffff;
    --surface-soft: #f8f9fa;
    --surface-hover: #f1f3f4;
    --surface-elevated: #ffffff;

    --text: #202124;
    --text-strong: #202124;
    --text-secondary: #5f6368;
    --text-muted: #80868b;
    --text-disabled: #9aa0a6;

    --border: #dadce0;
    --border-soft: #f1f3f4;
    --border-strong: #bdc1c6;

    --accent: #1a73e8;
    --accent-hover: #1769d1;
    --accent-active: #1557b0;

    --accent-soft: rgba(26, 115, 232, 0.08);
    --accent-soft-hover: rgba(26, 115, 232, 0.12);
    --accent-border: rgba(26, 115, 232, 0.25);

    --header-bg: rgba(255, 255, 255, 0.94);
    --header-border: #dadce0;

    --hero-bg: #ffffff;
    --hero-grid: rgba(32, 33, 36, 0.035);
    --hero-glow: rgba(26, 115, 232, 0.04);

    --button-primary-bg: #1a73e8;
    --button-primary-hover: #1769d1;
    --button-primary-text: #ffffff;

    --button-secondary-bg: #ffffff;
    --button-secondary-hover: #f8f9fa;
    --button-secondary-text: #202124;

    --icon-bg: #f1f3f4;
    --icon-bg-hover: #e8eaed;
    --icon-border: #dadce0;
    --icon-text: #5f6368;

    --card-bg: #ffffff;
    --card-hover-bg: #ffffff;
    --card-border: #dadce0;
    --card-hover-border: #bdc1c6;

    --cta-bg-start: #f8f9fa;
    --cta-bg-end: #ffffff;
    --cta-border: #dadce0;

    --link: #1a73e8;
    --link-hover: #1769d1;

    --success: #188038;
    --warning: #f9ab00;
    --danger: #d93025;

    --shadow-sm: 0 1px 2px rgba(60, 64, 67, 0.12);
    --shadow-md: 0 4px 12px rgba(60, 64, 67, 0.15);
    --shadow-lg: 0 8px 24px rgba(60, 64, 67, 0.18);
}


/* =========================
   TEMA ESCURO
   ========================= */

[data-theme="dark"] {
    color-scheme: dark;

    --bg: #202124;
    --surface: #292a2d;
    --surface-soft: #252629;
    --surface-hover: #303134;
    --surface-elevated: #303134;

    --text: #e8eaed;
    --text-strong: #f8f9fa;
    --text-secondary: #bdc1c6;
    --text-muted: #9aa0a6;
    --text-disabled: #70757a;

    --border: #3c4043;
    --border-soft: #303134;
    --border-strong: #5f6368;

    --accent: #8ab4f8;
    --accent-hover: #aecbfa;
    --accent-active: #669df6;

    --accent-soft: rgba(138, 180, 248, 0.12);
    --accent-soft-hover: rgba(138, 180, 248, 0.18);
    --accent-border: rgba(138, 180, 248, 0.35);

    --header-bg: rgba(32, 33, 36, 0.94);
    --header-border: #3c4043;

    --hero-bg: #202124;
    --hero-grid: rgba(232, 234, 237, 0.035);
    --hero-glow: rgba(138, 180, 248, 0.045);

    --button-primary-bg: #8ab4f8;
    --button-primary-hover: #aecbfa;
    --button-primary-text: #202124;

    --button-secondary-bg: #292a2d;
    --button-secondary-hover: #303134;
    --button-secondary-text: #e8eaed;

    --icon-bg: #303134;
    --icon-bg-hover: #3c4043;
    --icon-border: #5f6368;
    --icon-text: #bdc1c6;

    --card-bg: #292a2d;
    --card-hover-bg: #303134;
    --card-border: #3c4043;
    --card-hover-border: #5f6368;

    --cta-bg-start: #292a2d;
    --cta-bg-end: #202124;
    --cta-border: #3c4043;

    --link: #8ab4f8;
    --link-hover: #aecbfa;

    --success: #81c995;
    --warning: #fdd663;
    --danger: #f28b82;

    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.30);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.30);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.35);
}