/* Generated by tools/build_presets.py from api/app/design/*.json -- edit the data, not this file. */
:root[data-preset="rubberkey"] {
  --radius-xs: 1px;
  --radius-sm: 3px;
  --radius-md: 3px;
  --radius-lg: 4px;
  --radius-pill: 3px;
  --stripe-h: 4px;
  --stripe-image: linear-gradient(var(--band), var(--band));
  --flash: linear-gradient(90deg, var(--stripe-1) 0 14px, var(--stripe-2) 14px 28px, var(--stripe-3) 28px 42px, var(--stripe-4) 42px 56px);
  --flash-w: 56px;
  --flash-inset: 24px;
  --font-display: "IBM Plex Sans", system-ui, sans-serif;
  --surface: #d8d8d8;
  --surface-raised: #ffffff;
  --surface-sunken: #ebebeb;
  --surface-hover: #00d7d7;
  --band: #000000;
  --band-text: #ffffff;
  --band-muted: #d0d0d0;
  --text: #0a0a0a;
  --text-muted: #505050;
  --line: #bdbdbd;
  --line-strong: #6a6a6a;
  --accent: #0000cd;
  --accent-fill: #0000cd;
  --on-accent: #ffffff;
  --accent-track: #b4b4e6;
  --focus: #0000cd;
  --danger: #a80000;
  --danger-line: #b03030;
  --danger-wash: #f3d2d2;
  --warning: #5c4a00;
  --warning-wash: #f2e9a8;
  --success: #005c00;
  --success-wash: #cdeccd;
  --scrim: #000000d8;
  --on-scrim: #ffffff;
  --on-scrim-muted: #c4c4c8;
  --on-scrim-danger: #ffb37a;
  --stripe-1: #d8232a;
  --stripe-2: #f2c500;
  --stripe-3: #00a651;
  --stripe-4: #00a0c6;
  --stripe-5: #bdbdbd;
  --shadow-pop: 3px 3px 0 #0a0a0a;
}
:root[data-preset="rubberkey"][data-theme="dark"] {
  --surface: #0c0c0e;
  --surface-raised: #17171a;
  --surface-sunken: #303338;
  --surface-hover: #454a52;
  --band: #26272b;
  --band-text: #f2f2f2;
  --band-muted: #b8bac0;
  --text: #ededf0;
  --text-muted: #a3a5ad;
  --line: #2a2b30;
  --line-strong: #72757d;
  --accent: #5ad1e6;
  --accent-fill: #5ad1e6;
  --on-accent: #0c0c0e;
  --accent-track: #16313a;
  --focus: #5ad1e6;
  --danger: #ffb37a;
  --danger-line: #a8703f;
  --danger-wash: #33251a;
  --warning: #f2cc6b;
  --warning-wash: #2e2813;
  --success: #7dd69b;
  --success-wash: #18281d;
  --scrim: #000000e0;
  --on-scrim: #ececef;
  --on-scrim-muted: #b4b4bc;
  --on-scrim-danger: #ffb37a;
  --stripe-1: #d8232a;
  --stripe-2: #f2c500;
  --stripe-3: #00a651;
  --stripe-4: #00a0c6;
  --stripe-5: #2a2b30;
  --shadow-pop: 0 10px 30px #000000a0;
}
@media (prefers-color-scheme: dark) {
  :root[data-preset="rubberkey"]:not([data-theme]) {
    --surface: #0c0c0e;
    --surface-raised: #17171a;
    --surface-sunken: #303338;
    --surface-hover: #454a52;
    --band: #26272b;
    --band-text: #f2f2f2;
    --band-muted: #b8bac0;
    --text: #ededf0;
    --text-muted: #a3a5ad;
    --line: #2a2b30;
    --line-strong: #72757d;
    --accent: #5ad1e6;
    --accent-fill: #5ad1e6;
    --on-accent: #0c0c0e;
    --accent-track: #16313a;
    --focus: #5ad1e6;
    --danger: #ffb37a;
    --danger-line: #a8703f;
    --danger-wash: #33251a;
    --warning: #f2cc6b;
    --warning-wash: #2e2813;
    --success: #7dd69b;
    --success-wash: #18281d;
    --scrim: #000000e0;
    --on-scrim: #ececef;
    --on-scrim-muted: #b4b4bc;
    --on-scrim-danger: #ffb37a;
    --stripe-1: #d8232a;
    --stripe-2: #f2c500;
    --stripe-3: #00a651;
    --stripe-4: #00a0c6;
    --stripe-5: #2a2b30;
    --shadow-pop: 0 10px 30px #000000a0;
  }
}