/* Taste Skill v2 skins for a mint desk (product UI).
   Taste Skill bans: no default sans, no purple, no em dash, no pure black or white. */

[data-skin="instrument"] {
  --radius: 6px;
  --mono: "IBM Plex Mono", ui-monospace, "Source Code Pro", monospace;
  --sans: "IBM Plex Sans", "Segoe UI", sans-serif;
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --trans-fast: 140ms cubic-bezier(0.16, 1, 0.3, 1);
  --trans-smooth: 220ms cubic-bezier(0.16, 1, 0.3, 1);
}
[data-skin="instrument"][data-theme="light"] {
  --bg: #f3eee4;
  --bg-2: #e7e0d2;
  --surface: #fbf7ef;
  --surface-2: #efe8da;
  --ink: #2b241c;
  --ink-soft: #5c5348;
  --line: #d5cbb8;
  --accent: #b4532a;
  --accent-ink: #fff8f1;
  --ok: #2f6b4f;
  --warn: #8a5a12;
  --err: #9b2c2c;
  --shadow: 0 1px 0 rgba(43, 36, 28, 0.06);
}
[data-skin="instrument"][data-theme="dark"] {
  --bg: #1b1814;
  --bg-2: #14110e;
  --surface: #24201b;
  --surface-2: #2d2822;
  --ink: #efe7da;
  --ink-soft: #b4aa9a;
  --line: #3c362e;
  --accent: #d46a38;
  --accent-ink: #1b1814;
  --ok: #7dba96;
  --warn: #e0b15a;
  --err: #e07a6d;
  --shadow: 0 1px 0 rgba(14, 12, 10, 0.35);
}

[data-skin="terminal"] {
  --radius: 2px;
  --mono: ui-monospace, "Source Code Pro", "IBM Plex Mono", monospace;
  --sans: ui-monospace, "Source Code Pro", "IBM Plex Mono", monospace;
  --ease: steps(3, end);
  --trans-fast: 90ms steps(3, end);
  --trans-smooth: 150ms steps(3, end);
}
[data-skin="terminal"][data-theme="light"] {
  --bg: #e6eee9;
  --bg-2: #d5e0d9;
  --surface: #f1f6f3;
  --surface-2: #dde8e1;
  --ink: #1c2a24;
  --ink-soft: #4a5c54;
  --line: #b7c8be;
  --accent: #1f7a6c;
  --accent-ink: #eef7f4;
  --ok: #2f6b4f;
  --warn: #8a5a12;
  --err: #9b2c2c;
  --shadow: 0 1px 0 rgba(28, 42, 36, 0.08);
}
[data-skin="terminal"][data-theme="dark"] {
  --bg: #101412;
  --bg-2: #0c0f0d;
  --surface: #161b18;
  --surface-2: #1d2420;
  --ink: #d7ebe3;
  --ink-soft: #8aa396;
  --line: #2a3430;
  --accent: #2aa89a;
  --accent-ink: #101412;
  --ok: #6fba96;
  --warn: #d4a017;
  --err: #d67a6a;
  --shadow: 0 1px 0 rgba(8, 10, 9, 0.4);
}

[data-skin="cold"] {
  --radius: 10px;
  --mono: ui-monospace, "SF Mono", "IBM Plex Mono", monospace;
  --sans: "Segoe UI", "Helvetica Neue", sans-serif;
  --ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --trans-fast: 160ms cubic-bezier(0.2, 0.8, 0.2, 1);
  --trans-smooth: 260ms cubic-bezier(0.2, 0.8, 0.2, 1);
}
[data-skin="cold"][data-theme="light"] {
  --bg: #eceef1;
  --bg-2: #e1e4e8;
  --surface: #f6f7f8;
  --surface-2: #e8ebef;
  --ink: #1d2228;
  --ink-soft: #5b6570;
  --line: #cdd3da;
  --accent: #2f7a5d;
  --accent-ink: #f3faf6;
  --ok: #2f6b4f;
  --warn: #8a5a12;
  --err: #9b2c2c;
  --shadow: 0 1px 0 rgba(29, 34, 40, 0.06);
}
[data-skin="cold"][data-theme="dark"] {
  --bg: #16181c;
  --bg-2: #111317;
  --surface: #1d2026;
  --surface-2: #262a31;
  --ink: #e6e9ee;
  --ink-soft: #9aa3ae;
  --line: #343a43;
  --accent: #4aa37d;
  --accent-ink: #121614;
  --ok: #7dba96;
  --warn: #d4b36a;
  --err: #d47a72;
  --shadow: 0 1px 0 rgba(10, 12, 14, 0.35);
}

[data-skin="brutal"] {
  --radius: 0;
  --mono: "Arial", "Helvetica Neue", sans-serif;
  --sans: "Arial", "Helvetica Neue", Helvetica, sans-serif;
  --ease: linear;
  --trans-fast: 60ms linear;
  --trans-smooth: 100ms linear;
}
[data-skin="brutal"][data-theme="light"] {
  --bg: #eceae4;
  --bg-2: #ddd9cf;
  --surface: #f4f2eb;
  --surface-2: #e4e0d6;
  --ink: #1c1c1a;
  --ink-soft: #4a4944;
  --line: #1c1c1a;
  --accent: #c43c2c;
  --accent-ink: #f4f2eb;
  --ok: #2f6b4f;
  --warn: #8a5a12;
  --err: #9b2c2c;
  --shadow: none;
}
[data-skin="brutal"][data-theme="dark"] {
  --bg: #171716;
  --bg-2: #111110;
  --surface: #1f1f1d;
  --surface-2: #2a2a27;
  --ink: #eceae4;
  --ink-soft: #a8a59c;
  --line: #eceae4;
  --accent: #e04a38;
  --accent-ink: #171716;
  --ok: #7dba96;
  --warn: #e0b15a;
  --err: #e07a6d;
  --shadow: none;
}

html, body {
  font-family: var(--sans);
  transition: background-color var(--trans-smooth), color var(--trans-smooth);
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}