/*
 * RivalShot's look, light and dark. Written from src/tokens.ts by `bun run write`: change the tokens, never this file.
 *
 *   data-look="rivalshot"                          light, which is what a product shows unless it offers dark
 *   data-look="rivalshot-dark"                     dark, for a tool kept open all day where the person chose it
 *   data-look="rivalshot" data-scheme="device"     light, and dark where the person's device asks for dark
 *
 * The names are the design library's own (--look-<role>), so its parts are drawn in this look with nothing changed.
 * Archivo is set at 100% of its width; a face with no width axis is not changed by that.
 */
:root[data-look="rivalshot"],
[data-look="rivalshot"] {
  color-scheme: light;
  --look-page: #f4f7fb;
  --look-surface: #fdfeff;
  --look-sunken: #eceff3;
  --look-raised: #ffffff;
  --look-line: #dadee3;
  --look-line-strong: #82888f;
  --look-ink: #0a2233;
  --look-ink-2: #343b43;
  --look-muted: #565d65;
  --look-subtle: #656b72;
  --look-accent: #00617d;
  --look-accent-strong: #00546d;
  --look-on-accent: #ffffff;
  --look-accent-soft: #e5f3fd;
  --look-accent-line: #add0e8;
  --look-accent-ink: #014262;
  --look-highlight: #22d3ee;
  --look-highlight-soft: #dff8fc;
  --look-ok: #0a693c;
  --look-ok-soft: #dff8e6;
  --look-warning: #865900;
  --look-warning-soft: #feefcf;
  --look-danger: #b32322;
  --look-danger-soft: #ffebe8;
  --look-focus: #0471a2;
  --look-scrim: rgb(16 23 30 / 42%);
  --look-wash: radial-gradient(110% 70% at 50% -10%, #ffffff 0%, transparent 62%);
  --look-font-display: "Space Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --look-font-text: "DM Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --look-font-mono: "JetBrains Mono Variable", "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  --look-font-label: var(--look-font-display);
  --look-display-weight: 600;
  --look-display-tracking: -0.045em;
  --look-title-weight: 620;
  --look-title-tracking: -0.012em;
  --look-label-tracking: 0.09em;
  --look-label-weight: 640;
  --look-radius-control: 4px;
  --look-radius-card: 6px;
  --look-radius-frame: 10px;
  --look-radius-pill: 999px;
  --look-shadow-resting: 0 0 0 1px rgb(16 23 30 / 8%), 0 1px 1px rgb(16 23 30 / 4%);
  --look-shadow-raised: 0 0 0 1px rgb(16 23 30 / 8%), 0 2px 3px rgb(16 23 30 / 6%), 0 10px 20px -8px rgb(16 23 30 / 14%);
  --look-shadow-floating: 0 0 0 1px rgb(16 23 30 / 8%), 0 8px 16px -6px rgb(16 23 30 / 12%), 0 28px 56px -16px rgb(16 23 30 / 24%);
  font-stretch: 100%;
}

:root[data-look="rivalshot-dark"],
[data-look="rivalshot-dark"] {
  color-scheme: dark;
  --look-page: #08192a;
  --look-surface: #0a2236;
  --look-sunken: #061522;
  --look-raised: #173a57;
  --look-line: #292e34;
  --look-line-strong: #737e88;
  --look-ink: #f1f4f7;
  --look-ink-2: #cdd1d6;
  --look-muted: #a4aab1;
  --look-subtle: #90969c;
  --look-accent: #67e8f9;
  --look-accent-strong: #a5f3fc;
  --look-on-accent: #04131d;
  --look-accent-soft: #172e3d;
  --look-accent-line: #2e556d;
  --look-accent-ink: #b0defe;
  --look-highlight: #22d3ee;
  --look-highlight-soft: #103948;
  --look-ok: #6ad895;
  --look-ok-soft: #132a1b;
  --look-warning: #eec05b;
  --look-warning-soft: #2f250e;
  --look-danger: #fb817a;
  --look-danger-soft: #3b1c1a;
  --look-focus: #75c8fc;
  --look-scrim: rgb(0 0 0 / 62%);
  --look-wash: radial-gradient(110% 70% at 50% -10%, #15374f 0%, transparent 62%);
  --look-font-display: "Space Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --look-font-text: "DM Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --look-font-mono: "JetBrains Mono Variable", "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  --look-font-label: var(--look-font-display);
  --look-display-weight: 600;
  --look-display-tracking: -0.045em;
  --look-title-weight: 620;
  --look-title-tracking: -0.012em;
  --look-label-tracking: 0.09em;
  --look-label-weight: 640;
  --look-radius-control: 4px;
  --look-radius-card: 6px;
  --look-radius-frame: 10px;
  --look-radius-pill: 999px;
  --look-shadow-resting: inset 0 1px 0 rgb(241 244 247 / 4%), 0 0 0 1px rgb(241 244 247 / 7%);
  --look-shadow-raised: inset 0 1px 0 rgb(241 244 247 / 5%), 0 0 0 1px rgb(241 244 247 / 8%), 0 12px 28px -8px rgb(0 0 0 / 60%);
  --look-shadow-floating: inset 0 1px 0 rgb(241 244 247 / 6%), 0 0 0 1px rgb(241 244 247 / 9%), 0 28px 64px -16px rgb(0 0 0 / 78%);
  font-stretch: 100%;
}

@media (prefers-color-scheme: dark) {
  :root[data-look="rivalshot"][data-scheme="device"],
  [data-look="rivalshot"][data-scheme="device"] {
    color-scheme: dark;
    --look-page: #08192a;
    --look-surface: #0a2236;
    --look-sunken: #061522;
    --look-raised: #173a57;
    --look-line: #292e34;
    --look-line-strong: #737e88;
    --look-ink: #f1f4f7;
    --look-ink-2: #cdd1d6;
    --look-muted: #a4aab1;
    --look-subtle: #90969c;
    --look-accent: #67e8f9;
    --look-accent-strong: #a5f3fc;
    --look-on-accent: #04131d;
    --look-accent-soft: #172e3d;
    --look-accent-line: #2e556d;
    --look-accent-ink: #b0defe;
    --look-highlight: #22d3ee;
    --look-highlight-soft: #103948;
    --look-ok: #6ad895;
    --look-ok-soft: #132a1b;
    --look-warning: #eec05b;
    --look-warning-soft: #2f250e;
    --look-danger: #fb817a;
    --look-danger-soft: #3b1c1a;
    --look-focus: #75c8fc;
    --look-scrim: rgb(0 0 0 / 62%);
    --look-wash: radial-gradient(110% 70% at 50% -10%, #15374f 0%, transparent 62%);
    --look-font-display: "Space Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --look-font-text: "DM Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --look-font-mono: "JetBrains Mono Variable", "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    --look-font-label: var(--look-font-display);
    --look-display-weight: 600;
    --look-display-tracking: -0.045em;
    --look-title-weight: 620;
    --look-title-tracking: -0.012em;
    --look-label-tracking: 0.09em;
    --look-label-weight: 640;
    --look-radius-control: 4px;
    --look-radius-card: 6px;
    --look-radius-frame: 10px;
    --look-radius-pill: 999px;
    --look-shadow-resting: inset 0 1px 0 rgb(241 244 247 / 4%), 0 0 0 1px rgb(241 244 247 / 7%);
    --look-shadow-raised: inset 0 1px 0 rgb(241 244 247 / 5%), 0 0 0 1px rgb(241 244 247 / 8%), 0 12px 28px -8px rgb(0 0 0 / 60%);
    --look-shadow-floating: inset 0 1px 0 rgb(241 244 247 / 6%), 0 0 0 1px rgb(241 244 247 / 9%), 0 28px 64px -16px rgb(0 0 0 / 78%);
    font-stretch: 100%;
  }
}