/* ============================================================
   TESI — Global Design Tokens
   Single source of truth for color & typography.
   Consumed app-wide; see styles in src/styles/*.css for components.
   NOTE: values are intentionally frozen — adjust the design system
   here only, never inline. (Comments grouped per design-system spec.)
   ============================================================ */

:root {
  /* ── Backgrounds ── */
  --bg-base:     #070707;
  --bg-surface:  #121211;
  --bg-elevated: #1b1917;

  /* ── Borders (raised for clearer card / divider definition) ── */
  --border-subtle:  rgba(255, 255, 255, 0.09);
  --border-default: rgba(255, 255, 255, 0.15);
  --border-strong:  rgba(255, 255, 255, 0.24);

  /* ── Text (raised contrast so secondary/tertiary stay readable) ── */
  --text-primary:   #F4F1EA;
  --text-secondary: rgba(243, 240, 233, 0.68);
  --text-tertiary:  rgba(243, 240, 233, 0.44);

  /* ── Accent (use sparingly — max 3× per page) ── */
  --accent:     #C8A97E;
  --accent-dim: rgba(200, 169, 126, 0.15);

  /* ── Semantic ── */
  /* Positive (brighter, more legible on dark) */
  --positive:    #63C088;
  --positive-bg: rgba(99, 192, 136, 0.13);
  /* Negative (brighter, more legible on dark) */
  --negative:    #CE6E6E;
  --negative-bg: rgba(206, 110, 110, 0.13);

  /* ── Calendar event types (3 distinct, on-brand hues) ── */
  --ev-earnings: #7A9BB5;   /* slate blue — informational */
  --ev-exdiv:    #63C088;   /* green — income confirmed (= positive) */
  --ev-paydiv:   #C8A97E;   /* gold — money paid (= accent) */

  /* ── Typography ── */
  --font-display: 'Cormorant Garamond', Georgia, serif;
  --font-data:    'DM Mono', monospace;
  --font-ui:      'DM Sans', system-ui, sans-serif;
}