/*
 * Paleta alinhada ao advogacia_dev_2026_php (theme.css):
 * vermelho escuro #8b0000 / #660000, preto e cinzas #1a1a1a–#404040, dourado #ffd700 / #b8860b
 */
:root {
    --brand: #8b0000;
    --brand-hover: #660000;
    /* Dourado mais contido no claro (legibilidade); escuro usa #ffd700 */
    --accent: #b8860b;
    --text-muted: #6b7280;

    --topbar: #fffbfb;
    --sidebar: #faf5f7;
    --surface: #fffbfb;
    --surface-soft: #f5f0f2;

    --gold: var(--accent);
    --wine: var(--brand);
    --red: #dc3545;
    --gray: #6b7280;
    --black: #000000;
    --white: #f9fafb;

    --bg: #f1ecee;
    --text: #101218;
    --card: var(--surface);
    --primary: var(--brand);
    --border: #e4d9de;
    --muted: var(--text-muted);

    --topbar-bg: var(--topbar);
    --topbar-text: #141922;
    --topbar-border: #e4d9de;

    --brand-gradient: linear-gradient(135deg, #8b0000 0%, #660000 50%, #b8860b 100%);
    --accent-gradient: linear-gradient(90deg, #660000 0%, #8b0000 45%, #b8860b 100%);

    --toggle-bg: #ffffff;
    --toggle-border: #cfd4dc;
    --hero-bg: #f1ecee;
    --panel-bg: var(--sidebar);

    --trial-note-bg: #fde8ea;
    --trial-note-border: #f5c2c7;

    --shadow-sm: 0 1px 2px rgba(15, 17, 21, 0.06);
    --shadow-md: 0 10px 30px rgba(15, 17, 21, 0.08);
    --shadow-lg: 0 18px 60px rgba(15, 17, 21, 0.12);
    --ring: rgba(139, 0, 0, 0.22);

    --primary-soft: var(--brand-hover);
    --success: #28a745;
    --warning: #ffc107;
    --danger: #dc3545;
    --info: #17a2b8;
}

/*
 * Escuro: advogacia_dev_2026_php (dashboard.css / theme.css)
 * Cinzas: --dark-gray #1a1a1a (fundo geral), --medium-gray #2d2d2d (cards), --light-gray #404040 (bordas)
 */
html[data-theme='dark'] {
    /* Nomes espelhados do projeto de referência */
    --dark-gray: #1a1a1a;
    --medium-gray: #2d2d2d;
    --light-gray: #404040;

    --bg: var(--dark-gray);
    --topbar: #000000;
    --sidebar: #0d0d0d;
    --surface: var(--medium-gray);
    --surface-soft: #252525;

    --brand: #8b0000;
    --brand-hover: #660000;
    --accent: #ffd700;

    --text: #ffffff;
    --text-muted: #cbd5e1;

    --border: var(--light-gray);
    --success: #28a745;
    --warning: #ffc107;
    --danger: #dc3545;
    --info: #17a2b8;

    --card: var(--surface);
    --panel-bg: var(--sidebar);
    --topbar-bg: var(--topbar);
    --topbar-text: #ffffff;
    --topbar-border: var(--light-gray);

    --primary: var(--brand);
    --primary-soft: var(--brand-hover);
    --gold: var(--accent);
    --wine: var(--brand);
    --muted: var(--text-muted);

    --brand-gradient: linear-gradient(135deg, #000000 0%, #8b0000 55%, #ffd700 100%);
    --accent-gradient: linear-gradient(90deg, #660000 0%, #8b0000 50%, #ffd700 100%);

    --toggle-bg: #2d2d2d;
    --toggle-border: var(--light-gray);
    --hero-bg: var(--bg);

    --trial-note-bg: rgba(220, 53, 69, 0.18);
    --trial-note-border: rgba(220, 53, 69, 0.4);

    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 12px 40px rgba(0, 0, 0, 0.45);
    --shadow-lg: 0 22px 80px rgba(0, 0, 0, 0.55);
    --ring: rgba(255, 215, 0, 0.35);
}