:root {
  --gc-bg: #1c242c;
  --gc-bg-deep: #101922;
  --gc-bg-header: #0d1821;

  --gc-surface: #242e37;
  --gc-surface-raised: #2a3540;
  --gc-surface-hover: #303d48;
  --gc-surface-soft: #202a33;

  --gc-text: #e4e8eb;
  --gc-text-secondary: #b4bdc5;
  --gc-text-muted: #9ba6af;
  --gc-text-disabled: #6f7b85;

  --gc-accent: #e9863f;
  --gc-accent-hover: #f09552;
  --gc-accent-active: #d8732b;
  --gc-accent-soft: rgba(233, 134, 63, 0.12);

  --gc-border: rgba(180, 195, 207, 0.14);
  --gc-border-strong: rgba(180, 195, 207, 0.24);
  --gc-border-accent: rgba(233, 134, 63, 0.72);

  --gc-success: #58b568;
  --gc-success-soft: rgba(88, 181, 104, 0.14);
  --gc-warning: #d9a441;
  --gc-danger: #df655a;

  --gc-overlay: rgba(8, 15, 21, 0.68);

  --gc-container: 1440px;
  --gc-container-narrow: 1180px;
  --gc-gutter-desktop: 32px;
  --gc-gutter-tablet: 24px;
  --gc-gutter-mobile: 16px;

  --gc-space-1: 4px;
  --gc-space-2: 8px;
  --gc-space-3: 12px;
  --gc-space-4: 16px;
  --gc-space-5: 20px;
  --gc-space-6: 24px;
  --gc-space-8: 32px;
  --gc-space-10: 40px;
  --gc-space-12: 48px;
  --gc-space-16: 64px;
  --gc-space-20: 80px;
  --gc-space-24: 96px;

  --gc-radius-control: 6px;
  --gc-radius-card: 8px;
  --gc-radius-panel: 12px;
  --gc-radius-round: 999px;

  --gc-shadow-card: 0 12px 30px rgba(0, 0, 0, 0.20);
  --gc-shadow-panel: 0 18px 48px rgba(0, 0, 0, 0.24);
  --gc-shadow-accent:
    0 0 0 1px rgba(233, 134, 63, 0.72),
    0 10px 34px rgba(233, 134, 63, 0.20);

  --gc-motion-fast: 180ms;
  --gc-motion-base: 220ms;
  --gc-motion-slow: 360ms;
  --gc-ease: cubic-bezier(.2, .7, .2, 1);
}