/* themes.css — palettes as CSS custom properties.
   Two families:
     - console  : terminal, amber, gruvbox, tokyonight, catppuccin
                  (dark, monospace; share structural overrides in style.css
                   keyed to [data-family="console"], set by js/theme.js)
     - soft     : forest, blue-hour, golden-hour, midnight
                  (the serif/rounded base layout, just recoloured)
   Default (:root) is "terminal".
   --on-accent is the text colour to use on top of an --accent fill. */

/* ============ console family ============ */

:root,
[data-theme="terminal"] {
  --bg:        #0b0e0d;
  --surface:   #11150f;
  --surface-2: #18201a;
  --text:      #b8c9b8;
  --muted:     #5f7a5f;
  --accent:    #7dff9b;
  --accent-2:  #57c7ff;
  --on-accent: #0b0e0d;
  --link:      #7dff9b;
  --link-hover:#b6ffc6;
  --border:    #233026;
}

/* Amber — monochrome amber CRT. */
[data-theme="amber"] {
  --bg:        #140d00;
  --surface:   #1d1400;
  --surface-2: #281c00;
  --text:      #f0b53a;
  --muted:     #9a7320;
  --accent:    #ffc04d;
  --accent-2:  #ff8c1a;
  --on-accent: #140d00;
  --link:      #ffc04d;
  --link-hover:#ffd98a;
  --border:    #3a2a05;
}

/* Gruvbox — warm retro, dark. */
[data-theme="gruvbox"] {
  --bg:        #282828;
  --surface:   #32302f;
  --surface-2: #3c3836;
  --text:      #ebdbb2;
  --muted:     #928374;
  --accent:    #fabd2f;
  --accent-2:  #8ec07c;
  --on-accent: #282828;
  --link:      #fabd2f;
  --link-hover:#ffd75f;
  --border:    #504945;
}

/* Tokyo Night — cool blues and purples. */
[data-theme="tokyonight"] {
  --bg:        #1a1b26;
  --surface:   #1f2233;
  --surface-2: #292e42;
  --text:      #c0caf5;
  --muted:     #565f89;
  --accent:    #7aa2f7;
  --accent-2:  #bb9af7;
  --on-accent: #1a1b26;
  --link:      #7dcfff;
  --link-hover:#a9e0ff;
  --border:    #2a2f44;
}

/* Catppuccin — mocha, soft pastels on dark. */
[data-theme="catppuccin"] {
  --bg:        #1e1e2e;
  --surface:   #28283e;
  --surface-2: #313244;
  --text:      #cdd6f4;
  --muted:     #6c7086;
  --accent:    #cba6f7;
  --accent-2:  #f5c2e7;
  --on-accent: #1e1e2e;
  --link:      #89b4fa;
  --link-hover:#b4cffd;
  --border:    #313244;
}

/* ============ soft family ============ */

/* Forest — leaves, bark, a patch of sky. */
[data-theme="forest"] {
  --bg:        #f4f6ef;
  --surface:   #e7ecdd;
  --surface-2: #dbe2cd;
  --text:      #38402e;
  --muted:     #79836a;
  --accent:    #4f7a4a;
  --accent-2:  #7fa8c9;
  --on-accent: #ffffff;
  --link:      #436b3f;
  --link-hover:#2f5230;
  --border:    #d3dbc4;
}

/* Blue hour — cool twilight, deep sky with a lavender horizon. */
[data-theme="blue-hour"] {
  --bg:        #233148;
  --surface:   #2b3b56;
  --surface-2: #344765;
  --text:      #cdd9ec;
  --muted:     #8093b2;
  --accent:    #7cbbd8;
  --accent-2:  #c5a6d6;
  --on-accent: #16212f;
  --link:      #9acde6;
  --link-hover:#bfe0f1;
  --border:    #3a4c6b;
}

/* Golden hour — warm low sun, amber and peach. */
[data-theme="golden-hour"] {
  --bg:        #fbf1e3;
  --surface:   #f6e4cf;
  --surface-2: #f1d9bd;
  --text:      #493a2b;
  --muted:     #a3886a;
  --accent:    #e0a44a;
  --accent-2:  #d98c63;
  --on-accent: #3c2f20;
  --link:      #c47d2c;
  --link-hover:#a3641d;
  --border:    #ecd6ba;
}

/* Midnight — deep indigo, starlight. */
[data-theme="midnight"] {
  --bg:        #0c0f1a;
  --surface:   #141a2b;
  --surface-2: #1d2540;
  --text:      #bcc4da;
  --muted:     #5a6279;
  --accent:    #8a7fd0;
  --accent-2:  #6f8fd6;
  --on-accent: #0c0f1a;
  --link:      #9a90dc;
  --link-hover:#bcb4ee;
  --border:    #212a4a;
}