/* ============================================================
   Dynasty Draft Board
   Paper-and-ink. Chrome stays monochrome; color means something:
   position identity and tag identity, nothing else.
   ============================================================ */

:root {
  --radius: 6px;
  --radius-lg: 10px;
  --row-h: 32px;
  --sans: ui-sans-serif, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
  --mono: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;
}

html[data-theme="light"] {
  --paper:     #fbfaf8;
  --surface:   #ffffff;
  --surface-2: #f6f5f2;
  --surface-3: #eceae5;
  --line:      #e3e0d9;
  --line-soft: #f0eeea;

  --ink:   #191917;
  --ink-2: #56554f;
  --ink-3: #74726a;

  --btn-fill: #1d1d1b;
  --btn-ink:  #ffffff;
  --accent-ink: #ffffff; /* text painted ON a tag/pos accent fill */
  --focus:    #2f62cc;
  --danger:   #bd3b3b;
  --ok:       #2a8564;
  --warn:     #a96f28;   /* generic caution — shares tag-A's hue, not its meaning */
  --rookie-bg: #eceae5;  /* neutral stamp: rookie is a fact, not a position */
  --rookie-ink: #56554f;

  --pos-QB: #bc3f59;
  --pos-RB: #2a8564;
  --pos-WR: #335fbd;
  --pos-TE: #a96f28;
  --pos-K:  #745a9e;
  --pos-DST:#7f7e86;

  --tag-T: #2a8564;
  --tag-V: #26758a;
  --tag-S: #745a9e;
  --tag-A: #a96f28;
  --tag-B: #bd3b3b;
  --tag-I: #87761f;

  /* Tier accent palette — muted to sit inside the paper scheme. */
  --tier-0: #3d6ab5; --tier-1: #26758a; --tier-2: #bc3f59; --tier-3: #a96f28;
  --tier-4: #745a9e; --tier-5: #8f7d24; --tier-6: #2a8564; --tier-7: #58819c;
  --tier-8: #a04f86; --tier-9: #7f7e86;

  --tint: 11%;
  --tint-2: 6%;
  --shadow: 0 1px 2px rgba(35, 32, 26, .06), 0 16px 40px -14px rgba(35, 32, 26, .22);
}

html[data-theme="dark"] {
  --paper:     #141418;
  --surface:   #1a1a1f;
  --surface-2: #1f1f26;
  --surface-3: #292930;
  --line:      #30303a;
  --line-soft: #232329;

  --ink:   #eeedf2;
  --ink-2: #adabb8;
  --ink-3: #8b8996;

  --btn-fill: #eeedf2;
  --btn-ink:  #17171a;
  --accent-ink: #17171a; /* dark theme's accents are pastel — dark text reads */
  --focus:    #7aa2f7;
  --danger:   #e8706e;
  --ok:       #52c197;
  --warn:     #d89a58;
  --rookie-bg: #292930;
  --rookie-ink: #adabb8;

  --pos-QB: #e6748d;
  --pos-RB: #52c197;
  --pos-WR: #7fa7f5;
  --pos-TE: #e2a55b;
  --pos-K:  #ae93db;
  --pos-DST:#9b9aa3;

  --tag-T: #52c197;
  --tag-V: #59b3cb;
  --tag-S: #ae93db;
  --tag-A: #d89a58;
  --tag-B: #e8706e;
  --tag-I: #c8b156;

  /* Tier accents re-tuned pastel for dark, like every other hue here. */
  --tier-0: #7fa7f5; --tier-1: #59b3cb; --tier-2: #e6748d; --tier-3: #d89a58;
  --tier-4: #ae93db; --tier-5: #c8b156; --tier-6: #52c197; --tier-7: #8fb6c9;
  --tier-8: #d387b5; --tier-9: #9b9aa3;

  --tint: 17%;
  --tint-2: 10%;
  --shadow: 0 18px 48px -18px rgba(0, 0, 0, .75);
}

/* Any author `display` rule (.field { display:flex } and friends) silently
   beats the UA stylesheet's [hidden], turning `el.hidden = true` into a no-op.
   Every page loads this file, so the guard lives here once. */
[hidden] { display: none !important; }