/* SoulVirtues design tokens v1.0.0 — 2026-08-15
   canon colors verified against reference/original-souls-20260815.js */
:root {
  /* base surfaces */
  --sv-bg-canvas: #0D0E14;
  --sv-bg-panel: #16171E;
  --sv-bg-panel-inner: #000000;
  --sv-border: #FFFFFF;
  --sv-text-primary: #F2F3F7;
  --sv-text-muted: #A7ABB8;
  --sv-ink: #14151C;
  --sv-radius-panel: 0px;
  --sv-border-w: 2px;
  --sv-font-display: 'Press Start 2P', 'Space Grotesk', monospace;
  --sv-font-headline: 'Space Grotesk', sans-serif;
  --sv-font-body: 'Inter', sans-serif;
  --sv-font-label: 'Space Mono', monospace;

  /* bravery (ORANGE) */
  --sv-bravery: #FCA600;
  --sv-bravery-text: #FCA600; /* AA 9.72:1 on canvas */
  --sv-bravery-on-fill: #14151C; /* text color when bravery is a filled bg */
  --sv-bravery-pastel: #FEE6B8;
  --sv-bravery-pastel-mid: #FDCE73;

  /* justice (YELLOW) */
  --sv-justice: #FFFF00;
  --sv-justice-text: #FFFF00; /* AA 17.94:1 on canvas */
  --sv-justice-on-fill: #14151C; /* text color when justice is a filled bg */
  --sv-justice-pastel: #FFFFB8;
  --sv-justice-pastel-mid: #FFFF73;

  /* integrity (BLUE) */
  --sv-integrity: #003CFF;
  --sv-integrity-text: #4C76FF; /* AA 4.9:1 on canvas */
  --sv-integrity-on-fill: #FFFFFF; /* text color when integrity is a filled bg */
  --sv-integrity-pastel: #B8C8FF;
  --sv-integrity-pastel-mid: #7394FF;

  /* perseverance (PURPLE) */
  --sv-perseverance: #D535D9;
  --sv-perseverance-text: #D535D9; /* AA 4.9:1 on canvas */
  --sv-perseverance-on-fill: #14151C; /* text color when perseverance is a filled bg */
  --sv-perseverance-pastel: #F3C6F4;
  --sv-perseverance-pastel-mid: #E890EA;

  /* kindness (GREEN) */
  --sv-kindness: #00C000;
  --sv-kindness-text: #00C000; /* AA 7.83:1 on canvas */
  --sv-kindness-on-fill: #14151C; /* text color when kindness is a filled bg */
  --sv-kindness-pastel: #B8EDB8;
  --sv-kindness-pastel-mid: #73DC73;

  /* patience (CYAN) */
  --sv-patience: #42FCFF;
  --sv-patience-text: #42FCFF; /* AA 15.23:1 on canvas */
  --sv-patience-on-fill: #14151C; /* text color when patience is a filled bg */
  --sv-patience-pastel: #CAFEFF;
  --sv-patience-pastel-mid: #97FDFF;

  /* determination (RED) */
  --sv-determination: #FF0000;
  --sv-determination-text: #FF0000; /* AA 4.82:1 on canvas */
  --sv-determination-on-fill: #14151C; /* text color when determination is a filled bg */
  --sv-determination-pastel: #FFB8B8;
  --sv-determination-pastel-mid: #FF7373;

}