/* ===== HOME CATALOG — Neo Brutalist Design Tokens ===== */

:root {
  /* Rainbow palette */
  --color-coral:    #FF6B6B;
  --color-teal:     #4ECDC4;
  --color-yellow:   #FFE66D;
  --color-mint:     #A8E6CF;
  --color-lavender: #C3B1E1;
  --color-sky:      #87CEEB;

  /* Panel tints */
  --panel-notes-bg: #F0FFF0;

  /* Surfaces */
  --bg-page:    #FAFAFA;
  --bg-surface: #fff;
  --bg-footer:  #000;

  /* Text */
  --text-primary:   #000;
  --text-secondary: #444;
  --text-tertiary:  #555;
  --text-muted:     #666;
  --text-notes:     #333;
  --text-on-accent: #000;

  /* Borders & shadows */
  --border-color: #000;
  --shadow-color: #000;

  /* Misc */
  --divider-light: #ddd;
}

/* ===== DARK MODE ===== */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg-page:    #1A1A1A;
    --bg-surface: #242424;
    --bg-footer:  #111;

    --text-primary:   #EAEAEA;
    --text-secondary: #AAA;
    --text-tertiary:  #999;
    --text-muted:     #888;
    --text-notes:     #BBB;

    --border-color: #555;
    --shadow-color: #333;

    --divider-light: #444;
    --panel-notes-bg: #1F2A1F;
  }
}

[data-theme="dark"] {
  --bg-page:    #1A1A1A;
  --bg-surface: #242424;
  --bg-footer:  #111;

  --text-primary:   #EAEAEA;
  --text-secondary: #AAA;
  --text-tertiary:  #999;
  --text-muted:     #888;
  --text-notes:     #BBB;

  --border-color: #555;
  --shadow-color: #333;

  --divider-light: #444;
  --panel-notes-bg: #1F2A1F;
}