/* Tema claro: só tokens. Os componentes ficam em main.css. */
:root {
    color-scheme: light;

    /* Superfícies e texto */
    --background-color: #f4f6f8;
    --surface: #ffffff;
    --surface-2: #eef0f3;
    --surface-3: #dfe2e7;
    --bg-results: var(--surface-2);
    --border-color: rgba(0, 0, 0, .08);
    --border-strong: rgba(0, 0, 0, .18);
    --hover-bg: rgba(0, 0, 0, .04);
    --text-color: #343a40;
    --text-muted: #6c757d;
    --link-color: #0d6efd;
    --link-hover: #0a58ca;
    --navbar-link: #f8f9fa;
    --navbar-border: rgba(255, 255, 255, .12);
    --input-bg: #ffffff;
    --icon-faint: rgba(0, 0, 0, .1);
    --overlay-bg: rgba(80, 80, 80, .5);
    --overlay-dark: rgba(0, 0, 0, .5);

    /* Marca */
    --black: #151414;
    --yellow: #ffc107;
    --white: #f7f7f7;
    --green: #34ed91;
    --orange: #f48b03;
    --ligh-blue: #0dcaf0;
    --verde-escuro: #25d366;
    --upgrade: #6f42c1;
    --upgrade-2: #7c4dff;
    --upgrade-3: #4b2a9a;
    --upgrade-soft: rgba(111, 66, 193, .14);
    --upgrade-glow: rgba(111, 66, 193, .35);
    --verde-claro: #35f57d;
    --cinza-claro: #ebebeb;
    --red-cancel: #dc3545;
    --bronze: #cd7f32;
    --silver: #c0c0c0;
    --gold: #E5D375;
    --purple: #c935ee;
    --pink: #d63384;

    /* Botões e badges */
    --on-primary: #ffffff;
    --on-yellow: #666666;
    --primary-ring: rgba(37, 211, 102, .25);
    --glow-primary: rgba(26, 225, 26, .6);
    --glow-yellow: rgba(254, 242, 0, .6);
    --glow-cancel: rgba(102, 102, 102, .6);
    --btn-cancel-bg: var(--cinza-claro);
    --btn-cancel-text: #666666;
    --badge-text: #555555;
    --soft-success-bg: #ccf6e4;
    --soft-info-bg: #d9e9ff;
    --soft-warning-bg: #fff3cd;
    --soft-danger-bg: #f8d7da;
    --soft-orange-bg: #d7dcf8;
    --soft-pink-bg: #d7edf8;
    --soft-cancel-bg: var(--cinza-claro);

    /* Componentes do Bootstrap que dependem do tema */
    --tooltip-bg: #343a40;
    --tooltip-text: #ffffff;
    --select-arrow: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    --icon-invert: none;
    --switch-knob: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
}