/* Joystick Amber — semantic color tokens (paircolors) */
:root {
  --background-page: #fbfbfb;
  --background-surface: #f5f5f5;
  --background-elevated: #fafafa;
  --text-primary: #1d1c21;
  --text-secondary: #444448;
  --text-muted: #747477;
  --text-link: #8e700b;
  --text-link-hover: #685208;
  --text-on-surface: #1d1c21;
  --border-subtle: #eeeeee;
  --border-default: #e0e0e1;
  --border-strong: #cacacb;
  --border-focus: #b28d0f;
  --primary-base: #fdc60a;
  --primary-solid: #fdc60a;
  --primary-solid-fg: #0a0a0c;
  --primary-strong: #927206;
  --primary-strong-fg: #ffffff;
  --primary-hover: #e1af02;
  --primary-active: #c39702;
  --primary-soft: #fff3c1;
  --primary-soft-fg: #886b0b;
  --primary-border: #fce79f;
  --accent-base: #a148d7;
  --accent-solid: #a148d7;
  --accent-solid-fg: #ffffff;
  --accent-strong: #a148d7;
  --accent-strong-fg: #ffffff;
  --accent-hover: #912dce;
  --accent-active: #8028b5;
  --accent-soft: #eee2f6;
  --accent-soft-fg: #9141c2;
  --accent-border: #d9b7ed;
  --secondary-base: #f5f5f7;
  --secondary-hover: #eaeaee;
  --secondary-fg: #1d1c21;
  --neutral-50: #fbfbfc;
  --neutral-100: #f5f5f7;
  --neutral-200: #e8e8ed;
  --neutral-300: #d5d5dd;
  --neutral-400: #aaaabb;
  --neutral-500: #808099;
  --neutral-600: #64647d;
  --neutral-700: #4d4d60;
  --neutral-800: #32323e;
  --neutral-900: #1d1d25;
  --status-success-base: #19cc64;
  --status-success-fg: #0a0a0c;
  --status-success-hover: #16b157;
  --status-success-soft: #e0f5e9;
  --status-success-soft-fg: #087e3a;
  --status-success-border: #a1e8bf;
  --status-warning-base: #cc9719;
  --status-warning-fg: #0a0a0c;
  --status-warning-hover: #b18316;
  --status-warning-soft: #f5efe0;
  --status-warning-soft-fg: #8e6608;
  --status-warning-border: #e8d3a1;
  --status-danger-base: #cc4019;
  --status-danger-fg: #ffffff;
  --status-danger-hover: #b13716;
  --status-danger-soft: #f5e5e0;
  --status-danger-soft-fg: #912508;
  --status-danger-border: #e8b0a1;
  --status-info-base: #1967cc;
  --status-info-fg: #ffffff;
  --status-info-hover: #1659b1;
  --status-info-soft: #e0e9f5;
  --status-info-soft-fg: #084391;
  --status-info-border: #a1c0e8;
}

.dark {
  --background-page: #0a0a13;
  --background-surface: #101021;
  --background-elevated: #14142a;
  --text-primary: #f2f1ff;
  --text-secondary: #bbbbc7;
  --text-muted: #787883;
  --text-link: #fdc60a;
  --text-link-hover: #fdcf32;
  --text-on-surface: #f2f1ff;
  --border-subtle: #1f1f28;
  --border-default: #2f2f39;
  --border-strong: #504f5a;
  --border-focus: #fdc60a;
  --primary-base: #fdc60a;
  --primary-solid: #fdc60a;
  --primary-solid-fg: #0a0a0c;
  --primary-strong: #fdc60a;
  --primary-strong-fg: #0a0a0c;
  --primary-hover: #fdce2d;
  --primary-active: #fed54c;
  --primary-soft: #3b3011;
  --primary-soft-fg: #fdc60a;
  --primary-border: #775f0f;
  --accent-base: #a148d7;
  --accent-solid: #a148d7;
  --accent-solid-fg: #ffffff;
  --accent-strong: #a551d9;
  --accent-strong-fg: #0a0a0c;
  --accent-hover: #b065dd;
  --accent-active: #bd7ee3;
  --accent-soft: #28163a;
  --accent-soft-fg: #af65dd;
  --accent-border: #4e266b;
  --secondary-base: #1b1a29;
  --secondary-hover: #252439;
  --secondary-fg: #f2f1ff;
  --neutral-50: #fbfbfc;
  --neutral-100: #f5f5f7;
  --neutral-200: #e8e8ed;
  --neutral-300: #d5d5dd;
  --neutral-400: #aaaabb;
  --neutral-500: #808099;
  --neutral-600: #64647d;
  --neutral-700: #4d4d60;
  --neutral-800: #32323e;
  --neutral-900: #1d1d25;
  --status-success-base: #1ce36f;
  --status-success-fg: #0a0a0c;
  --status-success-hover: #37e680;
  --status-success-soft: #0d3124;
  --status-success-soft-fg: #94f9be;
  --status-success-border: #137741;
  --status-warning-base: #e3a71c;
  --status-warning-fg: #0a0a0c;
  --status-warning-hover: #e6b237;
  --status-warning-soft: #312615;
  --status-warning-soft-fg: #f9db94;
  --status-warning-border: #775918;
  --status-danger-base: #e3471c;
  --status-danger-fg: #0a0a0c;
  --status-danger-hover: #e65d37;
  --status-danger-soft: #311515;
  --status-danger-soft-fg: #f9aa94;
  --status-danger-border: #772918;
  --status-info-base: #1c72e3;
  --status-info-fg: #ffffff;
  --status-info-hover: #3783e6;
  --status-info-soft: #0d1d38;
  --status-info-soft-fg: #94c0f9;
  --status-info-border: #133e7b;
}

/* Aliases for the original five picks */
:root {
  --color-bg: var(--background-page);
  --color-surface: var(--background-surface);
  --color-text: var(--text-primary);
  --color-primary: var(--primary-base);
  --color-accent: var(--accent-base);
}