/* ==========================================================================
   Cometa Diário — Design Tokens
   ========================================================================== */

:root {
    /* Cores */
    --color-primary:        #0e395c;
    --color-primary-dark:   #092840;
    --color-accent:         #1a6faa;
    --color-breaking:       #d62828;
    --color-bg:             #ffffff;
    --color-surface:        #f5f7fa;
    --color-surface-2:      #eef3f8;
    --color-text:           #1a1a2e;
    --color-text-muted:     #666688;
    --color-border:         #dde2ef;
    --color-link:           #0e395c;

    /* Tipografia */
    --font-heading:         'Merriweather', Georgia, serif;
    --font-body:            'Inter', system-ui, sans-serif;

    /* Layout */
    --radius-card:          8px;
    --shadow-card:          0 2px 12px rgba(0, 0, 0, 0.08);
    --transition:           0.25s ease;
    --container-max:        1280px;
    --grid-gap:             24px;

    /* Header */
    --header-height:        68px;
    --header-height-expanded: 76px;
    --topbar-height:        36px;
}

/* --- Dark Mode --- */
[data-theme="dark"] {
    --color-primary:        #1a6faa;
    --color-primary-dark:   #0e395c;
    --color-accent:         #4da3e0;
    --color-breaking:       #ff4444;
    --color-bg:             #0f1117;
    --color-surface:        #1a1d27;
    --color-surface-2:      #22263a;
    --color-text:           #e8e8f0;
    --color-text-muted:     #9999bb;
    --color-border:         #2a2d3e;
    --color-link:           #4da3e0;
    --shadow-card:          0 2px 12px rgba(0, 0, 0, 0.4);
}