/* ═══════════════════════════════════════════════════════
   SHARED DESIGN TOKENS — alfredsjoqvist.com
   Import this file in every page: <link rel="stylesheet" href="/theme.css">
   To add a new theme, add [data-theme="yourtheme"] { ... }
   ═══════════════════════════════════════════════════════ */

/* ── Light (default) ────────────────────────────────── */
[data-theme="light"],
:root {
  color-scheme: light;

  /* Backgrounds */
  --bg:           #F8F6F1;
  --card-bg:      #FFFFFF;
  --surface:      #FFFFFF;
  --tag-bg:       #EFECE6;

  /* Text */
  --text:         #1B1916;
  --muted:        #7A746B;

  /* Accent */
  --accent:       #6B3D2E;
  --accent-light: #F0E4DD;
  --accent-30:    rgba(107, 61, 46, 0.19);

  /* Borders */
  --border:       #DDD8CF;

  /* Status */
  --green:        #2D6A3F;
  --green-soft:   #E9F5ED;

  /* Data visualisation */
  --blue:         #3B6EA5;
  --blue-soft:    #E3EDF6;
  --amber:        #A0762C;
  --amber-soft:   #FDF4E3;

  /* Category tags */
  --tag-research-bg:      #E8EAF6;
  --tag-research-color:   #3949AB;
  --tag-research-border:  #C5CAE9;

  --tag-personal-bg:      #FFF3E0;
  --tag-personal-color:   #E65100;
  --tag-personal-border:  #FFE0B2;

  --tag-hackathon-bg:     #E8F5E9;
  --tag-hackathon-color:  #2E7D32;
  --tag-hackathon-border: #C8E6C9;

  --tag-coursework-bg:    #E0F7FA;
  --tag-coursework-color: #00695C;
  --tag-coursework-border:#B2DFDB;

  /* Nav glass */
  --nav-glass:    rgba(248, 246, 241, 0.88);

  /* Typography */
  --hf: 'Libre Caslon Text', Georgia, serif;
  --bf: 'Plus Jakarta Sans', system-ui, sans-serif;
  --mf: 'IBM Plex Mono', monospace;

  /* Sizing */
  --max-w:        900px;
  --radius:       10px;
  --radius-tag:   10px;
  --radius-input: 8px;
  --radius-btn:   6px;
}

/* ── Dark ───────────────────────────────────────────── */
[data-theme="dark"] {
  color-scheme: dark;

  /* Backgrounds */
  --bg:           #141210;
  --card-bg:      #1E1C1A;
  --surface:      #1E1C1A;
  --tag-bg:       #252220;

  /* Text */
  --text:         #E8E4DE;
  --muted:        #9B9590;

  /* Accent */
  --accent:       #C8836E;
  --accent-light: #2E2220;
  --accent-30:    rgba(200, 131, 110, 0.19);

  /* Borders */
  --border:       #2E2A26;

  /* Status */
  --green:        #5AAF78;
  --green-soft:   #1A2E22;

  /* Data visualisation */
  --blue:         #6BA3D6;
  --blue-soft:    #1A2636;
  --amber:        #D4A852;
  --amber-soft:   #2E2610;

  /* Category tags */
  --tag-research-bg:      #1E2040;
  --tag-research-color:   #8B9BD4;
  --tag-research-border:  #2E3260;

  --tag-personal-bg:      #2E2010;
  --tag-personal-color:   #E8935A;
  --tag-personal-border:  #4E3820;

  --tag-hackathon-bg:     #162E1A;
  --tag-hackathon-color:  #6BBF70;
  --tag-hackathon-border: #264E2A;

  --tag-coursework-bg:    #102E2E;
  --tag-coursework-color: #4DB6AC;
  --tag-coursework-border:#1E4E4E;

  /* Nav glass */
  --nav-glass:    rgba(20, 18, 16, 0.88);
}