:root {
  color-scheme: light;
  --ink-1000: #090907;
  --ink-950: #12110f;
  --ink-900: #1c1a17;
  --ink-800: #2d2a26;
  --ink-700: #45413b;
  --ink-600: #615c54;
  --ink-500: #79736a;
  --ink-400: #9b9489;
  --ink-300: #bdb6aa;
  --ink-200: #d8d1c5;
  --ink-150: #e6e0d5;
  --ink-100: #efebe2;
  --ink-50: #f4f1ea;
  --white: #fffefa;

  --brand: #dc1820;
  --brand-dark: #a90e15;
  --brand-deep: #6f0d12;
  --brand-soft: #fbe9e8;
  --success: #206a4b;
  --success-dark: #164c36;
  --success-soft: #e8f3ec;
  --warning: #906817;
  --warning-dark: #684a0c;
  --warning-soft: #f7edcf;
  --danger: #971e2c;
  --danger-soft: #f8e8eb;
  --vip-gold: #9d772c;
  --vip-soft: #f3ead7;
  --walkin: #94523a;
  --walkin-dark: #6c3828;
  --walkin-soft: #f4e8e1;

  --surface: #fffefa;
  --surface-raised: #fff;
  --surface-muted: #f7f3eb;
  --surface-strong: #ece6da;
  --border: #dcd5c9;
  --text: #151310;
  --text-muted: #6e685f;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 40px;
  --space-8: 48px;

  --radius-sm: 9px;
  --radius-md: 14px;
  --radius-lg: 18px;
  --radius-xl: 28px;
  --shadow-xs: 0 1px 2px rgba(28, 24, 18, .045), 0 7px 18px rgba(28, 24, 18, .055);
  --shadow-sm: 0 3px 8px rgba(28, 24, 18, .05), 0 18px 42px rgba(28, 24, 18, .09);
  --shadow-md: 0 10px 24px rgba(8, 8, 7, .12), 0 36px 90px rgba(8, 8, 7, .22);

  --header-height: 91px;
  --workspace-top: calc(var(--header-height) + var(--space-4));
  --workspace-bottom: var(--space-6);
  --workspace-height: calc(100dvh - var(--workspace-top) - var(--workspace-bottom));
  --rail-width: 232px;
  --detail-width: 392px;
  --content-gap: 18px;
  --motion-fast: 150ms;
  --motion-standard: 240ms;
}