/* Trackatron Design Pack v0.1. Generated 2026-10-14 from palette-data.json by make-tokens.js; edit the data file, not this file. */

/* 1. Library: every Trackatron colour. Use these names in projects, never raw hex values. */
:root {
  /* Copper and orange */
  --tk-copper: #BD7047; /* Logo copper. LOCKED brand orange */
  --tk-copper-lit: #D3865E; /* Lit copper */
  --tk-copper-deep: #A15F3C; /* Deep copper */
  --tk-copper-wsf: #B4612F; /* WSF emblem copper (in use) */
  --tk-journal-orange: #F28C28; /* Studio Journal orange (accepted before) */
  /* Blues */
  --tk-blue-purple: #04023F; /* Trackatron blue-purple (accepted before) */
  --tk-blue-purple-lift: #1B1866; /* Blue-purple lift (in use) */
  --tk-blue-purple-steel: #16144A; /* Steel blue-purple */
  --tk-navy-display: #0B1727; /* Display navy */
  --tk-navy-deep: #071422; /* Deep navy */
  --tk-navy-lift: #111F33; /* Navy lift */
  --tk-navy-steel: #192433; /* Steel navy */
  --tk-navy-gunmetal: #1F2937; /* Gunmetal navy */
  /* Grays */
  --tk-steel: #9B969B; /* Logo steel */
  --tk-steel-wsf: #9A9DA6; /* WSF emblem silver (in use) */
  --tk-steel-shadow: #88878A; /* Shadow steel */
  --tk-steel-bright: #AEABAE; /* Bright steel */
  --tk-steel-highlight: #DEDBDD; /* Steel highlight */
  --tk-graphite: #222222; /* Graphite */
  --tk-charcoal: #313031; /* Charcoal */
  /* Whites */
  --tk-ivory: #F7F4ED; /* Ivory (accepted before) */
  --tk-white: #FFFFFF; /* White */
  --tk-steel-white: #EFEDEE; /* Steel white */
  --tk-steel-paper: #F4F4F5; /* Steel paper */
  --tk-mist: #ECEBED; /* Mist */
  /* Accents */
  --tk-temper-blue: #5A82F0; /* Bright temper blue */
  --tk-ambient-blue: #3D5AFE; /* Ambient blue */
  --tk-temper-blue-light: #2F8FB8; /* Light temper blue */
  --tk-blued-screw: #3558C9; /* Blued-screw blue */
  --tk-journal-cyan: #00C2D7; /* Studio Journal cyan (accepted before) */
}

/* 2. Themes: which library colour does each job. A project picks a theme, or copies a block and points any job at any library colour.
   Contrast is against that theme’s background: 4.5:1 or more for reading text, 3:1 for large text and icons. */
/* Trackatron dark (default): Default. Screens, dashboards and covers on Trackatron blue-purple. */
:root, [data-tk-theme="dark"] {
  --tk-role-brand: var(--tk-copper); /* Logo copper #BD7047 */
  --tk-role-brand-text: var(--tk-copper); /* Logo copper #BD7047, 5.13:1 on background */
  --tk-role-on-brand: var(--tk-blue-purple); /* Trackatron blue-purple #04023F, text on a copper fill: 5.13:1 on brand */
  --tk-role-background: var(--tk-blue-purple); /* Trackatron blue-purple #04023F */
  --tk-role-panel: var(--tk-blue-purple-lift); /* Blue-purple lift #1B1866 */
  --tk-role-secondary: var(--tk-steel); /* Logo steel #9B969B, 6.66:1 on background */
  --tk-role-text: var(--tk-steel-white); /* Steel white #EFEDEE, 16.60:1 on background */
  --tk-role-accent: var(--tk-temper-blue); /* Bright temper blue #5A82F0, 5.42:1 on background */
  --tk-role-paper: var(--tk-ivory); /* Ivory #F7F4ED */
}

/* Trackatron ivory: Light pages and paperwork on ivory, like the WSF website. */
[data-tk-theme="ivory"] {
  --tk-role-brand: var(--tk-copper); /* Logo copper #BD7047 */
  --tk-role-brand-text: var(--tk-copper-deep); /* Deep copper #A15F3C, 4.53:1 on background */
  --tk-role-on-brand: var(--tk-blue-purple); /* Trackatron blue-purple #04023F, text on a copper fill: 5.13:1 on brand */
  --tk-role-background: var(--tk-ivory); /* Ivory #F7F4ED */
  --tk-role-panel: var(--tk-white); /* White #FFFFFF */
  --tk-role-secondary: var(--tk-charcoal); /* Charcoal #313031, 11.97:1 on background */
  --tk-role-text: var(--tk-blue-purple); /* Trackatron blue-purple #04023F, 17.61:1 on background */
  --tk-role-accent: var(--tk-blued-screw); /* Blued-screw blue #3558C9, 5.64:1 on background */
  --tk-role-paper: var(--tk-ivory); /* Ivory #F7F4ED */
}