/* GENERATED by Tools/gen_web_tokens.py from Sources/IPTCore/Brand.swift — do not edit.
 *
 * The palette is measured, not chosen: `ContrastTests` asserts every pair in both appearances
 * against a floor. Editing this file instead of Brand.swift produces a second, unmeasured
 * palette — run `make web-tokens` after changing the Swift.
 *
 * Dark is the base and light is the override, because this app was designed dark-first and the
 * light theme was derived from it. Depth is done twice for the same reason: shadows in light,
 * rim light in dark. A shadow in dark mode is a smudge.
 */

:root {
  color-scheme: dark light;

  --accent: #FF9F0A;
  --accent-fill: #FF9F0A;
  --accent-soft: #2A1E06;
  --canvas: #08090A;
  --faint: #717179;
  --hairline: #2C2C2E;
  --ink: #F5F5F7;
  --inset: #1D1D22;
  --live: #FF4D42;
  --live-soft: #38181A;
  --met: #30D158;
  --met-soft: #0F2A1A;
  --muted: #9C9CA6;
  --on-accent-fill: #000000;
  --on-live: #000000;
  --raised: #27272E;
  --surface: #141417;

  /* Derived, exactly as `Theme` derives them — by naming an existing token rather than by
     inventing a value. A label on a filled surface is the case that shipped wrong once: white on
     the accent amber measures 2.05:1. */
  --on-accent-soft: var(--ink);
  --on-met-soft: var(--ink);
  --on-live-soft: var(--ink);
}

@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    --accent: #8F5300;
    --accent-fill: #F59300;
    --accent-soft: #FDF0DC;
    --canvas: #F2F2F0;
    --faint: #828287;
    --hairline: #DCDCD7;
    --ink: #08090A;
    --inset: #F0F0ED;
    --live: #C02718;
    --live-soft: #FBE6E4;
    --met: #136B3F;
    --met-soft: #DEF2E6;
    --muted: #5F5F64;
    --on-accent-fill: #000000;
    --on-live: #FFFFFF;
    --raised: #E6E6E2;
    --surface: #FFFFFF;
  }
}

:root[data-theme="light"] {
  --accent: #8F5300;
  --accent-fill: #F59300;
  --accent-soft: #FDF0DC;
  --canvas: #F2F2F0;
  --faint: #828287;
  --hairline: #DCDCD7;
  --ink: #08090A;
  --inset: #F0F0ED;
  --live: #C02718;
  --live-soft: #FBE6E4;
  --met: #136B3F;
  --met-soft: #DEF2E6;
  --muted: #5F5F64;
  --on-accent-fill: #000000;
  --on-live: #FFFFFF;
  --raised: #E6E6E2;
  --surface: #FFFFFF;
}

/* Anything that commits to the dark palette whatever the reader's setting is — the band-room
   display, as `LaunchView` and `AppLockView` do on iOS, and for the same reason: a bright screen at
   the front of a dim rehearsal room is a lamp pointed at the ensemble. Generated rather than written
   out, because restating these values by hand would be a second, unmeasured palette — the one thing
   this file exists to prevent. */
.dark-locked {
  --accent: #FF9F0A;
  --accent-fill: #FF9F0A;
  --accent-soft: #2A1E06;
  --canvas: #08090A;
  --faint: #717179;
  --hairline: #2C2C2E;
  --ink: #F5F5F7;
  --inset: #1D1D22;
  --live: #FF4D42;
  --live-soft: #38181A;
  --met: #30D158;
  --met-soft: #0F2A1A;
  --muted: #9C9CA6;
  --on-accent-fill: #000000;
  --on-live: #000000;
  --raised: #27272E;
  --surface: #141417;
  --on-accent-soft: var(--ink);
  --on-met-soft: var(--ink);
  --on-live-soft: var(--ink);
}