/* ============================================================
   SENTINEL — Variabili CSS globali
   ============================================================ */

/* ── TEMA SCURO (default) ── */
:root {
  /* Colori principali */
  --color-bg:           #0f0f0f;
  --color-bg-card:      #1a1a1a;
  --color-bg-input:     #222222;
  --color-border:       #2a2a2a;
  --color-border-hover: #3a3a3a;

  /* Testo */
  --color-text:         #f0f0f0;
  --color-text-muted:   #888888;
  --color-text-hint:    #555555;

  /* Accent — Sentinel brand */
  --color-accent:       #4f8ef7;
  --color-accent-hover: #6aa0ff;
  --color-accent-muted: #1a2a4a;

  /* Semantici */
  --color-success:      #3ecf8e;
  --color-warning:      #f5a623;
  --color-danger:       #e74c3c;

  /* Moduli */
  --color-news:         #4f8ef7;
  --color-buy:          #3ecf8e;
  --color-tutorial:     #f5a623;

  /* Layout */
  --topbar-height:      52px;
  --navbar-height:      60px;
  --border-radius-sm:   6px;
  --border-radius-md:   10px;
  --border-radius-lg:   16px;
  --border-radius-xl:   24px;

  /* Ombre */
  --shadow-sm:  0 1px 3px rgba(0,0,0,0.4);
  --shadow-md:  0 4px 16px rgba(0,0,0,0.5);
  --shadow-lg:  0 8px 32px rgba(0,0,0,0.6);

  /* Transizioni */
  --transition: 0.18s ease;
  --transition-slow: 0.35s ease;

  /* Font */
  --font-main: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'SF Mono', 'Fira Code', monospace;
}

/* ── TEMA CHIARO ── */
[data-theme="light"] {
  --color-bg:           #f2f2f7;
  --color-bg-card:      #ffffff;
  --color-bg-input:     #e8e8ed;
  --color-border:       #d1d1d6;
  --color-border-hover: #b0b0ba;

  --color-text:         #1c1c1e;
  --color-text-muted:   #636366;
  --color-text-hint:    #aeaeb2;

  --color-accent:       #2c6fe0;
  --color-accent-hover: #1a5cd4;
  --color-accent-muted: #dce8ff;

  --color-success:      #28a865;
  --color-warning:      #e08b00;
  --color-danger:       #d63031;

  --shadow-sm:  0 1px 3px rgba(0,0,0,0.1);
  --shadow-md:  0 4px 16px rgba(0,0,0,0.12);
  --shadow-lg:  0 8px 32px rgba(0,0,0,0.18);
}