/* Collectors' Tune Tracker brand colors. Full themes: packages/ui/src/themes.css */
:root {
  --ctt-charcoal: #1C191A;
  --ctt-ink: #000000;
  --ctt-smoke: #2F2C2D;
  --ctt-cream: #F6E7D8;
  --ctt-teal: #07A5C3;
  --ctt-signal: #F14902;
  --ctt-mustard: #F4B324;
  --ctt-teal-deep: #05667A;
  --ctt-signal-deep: #B23600;
  --ctt-mustard-deep: #7A5500;
}

/* D1 Back Room (dark) */
[data-theme="back-room"] {
  --bg: #1C191A;
  --surface: #2F2C2D;
  --sunken: #141213;
  --text: #F6E7D8;
  --muted: #A39A92;
  --accent: #07A5C3;
  --on-accent: #1C191A;
  --hot: #F14902;
  --on-hot: #1C191A;
  --warm: #F4B324;
  --on-warm: #1C191A;
  --tile: #F6E7D8;
  --tile-fg: #1C191A;
  --tile2: #07A5C3;
  --tile2-fg: #1C191A;
  --focus: #07A5C3;
}

/* D2 Spray Can (dark) */
[data-theme="spray-can"] {
  --bg: #000000;
  --surface: #161314;
  --sunken: #000000;
  --text: #F6E7D8;
  --muted: #A8A098;
  --accent: #F14902;
  --on-accent: #000000;
  --hot: #F4B324;
  --on-hot: #000000;
  --warm: #07A5C3;
  --on-warm: #000000;
  --tile: #F6E7D8;
  --tile-fg: #000000;
  --tile2: #F14902;
  --tile2-fg: #000000;
  --focus: #F4B324;
}

/* D3 Basement Show (dark) */
[data-theme="basement-show"] {
  --bg: #2F2C2D;
  --surface: #3B3738;
  --sunken: #242122;
  --text: #F6E7D8;
  --muted: #B8AEA5;
  --accent: #F4B324;
  --on-accent: #1C191A;
  --hot: #F14902;
  --on-hot: #1C191A;
  --warm: #07A5C3;
  --on-warm: #1C191A;
  --tile: #F4B324;
  --tile-fg: #1C191A;
  --tile2: #F6E7D8;
  --tile2-fg: #1C191A;
  --focus: #F4B324;
}

/* D4 Riso Night (dark) */
[data-theme="riso-night"] {
  --bg: #121011;
  --surface: #1F1B1C;
  --sunken: #0A0909;
  --text: #F6E7D8;
  --muted: #A69D95;
  --accent: #07A5C3;
  --on-accent: #121011;
  --hot: #FF5A1F;
  --on-hot: #121011;
  --warm: #F4B324;
  --on-warm: #121011;
  --tile: #07A5C3;
  --tile-fg: #121011;
  --tile2: #FF5A1F;
  --tile2-fg: #121011;
  --focus: #FF5A1F;
  --misreg-a: #07A5C3;
  --misreg-b: #FF5A1F;
}

/* D5 Xerox Black (dark) */
[data-theme="xerox-black"] {
  --bg: #0B0A0A;
  --surface: #1A1818;
  --sunken: #000000;
  --text: #F2F0EB;
  --muted: #A3A09A;
  --accent: #F2F0EB;
  --on-accent: #0B0A0A;
  --hot: #F14902;
  --on-hot: #0B0A0A;
  --warm: #C9C5BD;
  --on-warm: #0B0A0A;
  --tile: #F2F0EB;
  --tile-fg: #0B0A0A;
  --tile2: #0B0A0A;
  --tile2-fg: #F2F0EB;
  --focus: #F2F0EB;
}

/* L1 Cream Sleeve (light) */
[data-theme="cream-sleeve"] {
  --bg: #F6E7D8;
  --surface: #FBF3EA;
  --sunken: #EBDCCB;
  --text: #1C191A;
  --muted: #5A5456;
  --accent: #05667A;
  --on-accent: #F6E7D8;
  --hot: #B23600;
  --on-hot: #F6E7D8;
  --warm: #7A5500;
  --on-warm: #F6E7D8;
  --tile: #1C191A;
  --tile-fg: #F6E7D8;
  --tile2: #FBF3EA;
  --tile2-fg: #1C191A;
  --focus: #05667A;
}

/* L2 Photocopy (light) */
[data-theme="photocopy"] {
  --bg: #EEECE6;
  --surface: #F8F7F3;
  --sunken: #DEDBD3;
  --text: #111010;
  --muted: #55524E;
  --accent: #111010;
  --on-accent: #F8F7F3;
  --hot: #B8300A;
  --on-hot: #F8F7F3;
  --warm: #55524E;
  --on-warm: #F8F7F3;
  --tile: #111010;
  --tile-fg: #EEECE6;
  --tile2: #F8F7F3;
  --tile2-fg: #111010;
  --focus: #B8300A;
}

/* L3 Newsprint (light) */
[data-theme="newsprint"] {
  --bg: #E5DDCF;
  --surface: #EFE9DE;
  --sunken: #D6CCBB;
  --text: #1C191A;
  --muted: #57514C;
  --accent: #1C191A;
  --on-accent: #F4B324;
  --hot: #A33200;
  --on-hot: #F6E7D8;
  --warm: #F4B324;
  --on-warm: #1C191A;
  --tile: #F4B324;
  --tile-fg: #1C191A;
  --tile2: #1C191A;
  --tile2-fg: #E5DDCF;
  --focus: #A33200;
}

/* L4 Riso Day (light) */
[data-theme="riso-day"] {
  --bg: #F6E7D8;
  --surface: #FBF3EA;
  --sunken: #EDDCCA;
  --text: #1C191A;
  --muted: #5A5456;
  --accent: #05667A;
  --on-accent: #FBF3EA;
  --hot: #B23600;
  --on-hot: #FBF3EA;
  --warm: #07A5C3;
  --on-warm: #1C191A;
  --tile: #07A5C3;
  --tile-fg: #1C191A;
  --tile2: #F14902;
  --tile2-fg: #1C191A;
  --focus: #B23600;
  --misreg-a: #07A5C3;
  --misreg-b: #F14902;
}

/* L5 Gig Flyer (light) */
[data-theme="gig-flyer"] {
  --bg: #F4B324;
  --surface: #F6E7D8;
  --sunken: #E0A21C;
  --text: #1C191A;
  --muted: #4A3A12;
  --accent: #1C191A;
  --on-accent: #F4B324;
  --hot: #8F2B00;
  --on-hot: #F6E7D8;
  --warm: #F14902;
  --on-warm: #1C191A;
  --tile: #1C191A;
  --tile-fg: #F4B324;
  --tile2: #F6E7D8;
  --tile2-fg: #1C191A;
  --focus: #1C191A;
}