/* ============================================================ TOKENS */
:root {
  --ink:          #1B2A4A;
  --ink-2:        #2C3E6B;
  --ink-soft:     #4A5780;
  --paper:        #FFFFFF;
  --paper-grey:   #F4F5F7;
  --paper-2:      #FAFAFA;
  --rule:         #E4E7ED;
  --rule-2:       #EFF1F5;
  --text:         #1A1A1A;
  --muted:        #6B7280;
  --muted-soft:   #9CA3AF;

  /* Brand accents */
  --c-yellow:  #FFD500;
  --c-orange:  #F18536;
  --c-red:     #E83838;
  --c-pink:    #E91D8E;
  --c-magenta: #C20F8C;
  --c-violet:  #7E2F8E;
  --c-purple:  #5B2B8E;
  --c-blue:    #2867D6;
  --c-cyan:    #3FB5D9;
  --c-teal:    #1A8A7D;
  --c-green:   #4FA63E;
  --c-lime:    #A4D85E;

  /* Genre colours */
  --g-classical:   #1B2A4A;
  --g-film:        #1A8A7D;
  --g-crossover:   #C20F8C;

  /* Partner brands */
  --brand-mpo-navy:    #1B2A4A;
  --brand-mpo-gold:    #B5893A;
  --brand-dfp-teal:    #2A9D8A;
  --brand-dfp-gold:    #C99A55;
  --brand-dfp-cream:   #FAF6EE;
  --brand-monash-blue: #006DAE;

  /* Semantic status */
  --status-high:    #1A8A7D;
  --status-med:     #F5B11E;
  --status-low:     #E83838;
  --status-high-bg: rgba(26,138,125,0.10);
  --status-med-bg:  rgba(245,177,30,0.12);
  --status-low-bg:  rgba(232,56,56,0.08);

  /* Typography */
  --font-sans: 'DM Sans', 'Arial', sans-serif;
  --font-mono: 'DM Mono', 'Courier New', monospace;
  --font-narrow: 'DM Sans', 'Arial Narrow', sans-serif;

  /* Spacing */
  --radius: 6px;
  --radius-sm: 4px;
}

/* ============================================================ RESET */
*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font-family: var(--font-sans);
  font-size: 13px;
  line-height: 1.55;
  color: var(--text);
  background: var(--paper-grey);
  -webkit-font-smoothing: antialiased;
}
button { font-family: inherit; cursor: pointer; }
input, select { font-family: inherit; font-size: inherit; }
input:focus, select:focus { outline: none; }