:root {
  --ctc-bg: #F8FAFC;
  --ctc-bg-soft: #F1F5F9;
  --ctc-surface: #FFFFFF;
  --ctc-surface-raised: #FFFFFF;
  --ctc-border: #E2E8F0;

  --ctc-text: #0F172A;
  --ctc-text-soft: #334155;
  --ctc-muted: #64748B;

  --ctc-primary: #0B1F3A;
  --ctc-primary-2: #102A4C;
  --ctc-primary-soft: #E8EEF7;

  --ctc-accent: #D4AF37;
  --ctc-accent-2: #B88917;
  --ctc-accent-soft: #FFF7D6;

  --ctc-success: #16A34A;
  --ctc-success-soft: #DCFCE7;

  --ctc-warning: #D97706;
  --ctc-warning-soft: #FEF3C7;

  --ctc-danger: #DC2626;
  --ctc-danger-soft: #FEE2E2;

  --ctc-info: #2563EB;
  --ctc-info-soft: #DBEAFE;

  --ctc-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06);
  --ctc-shadow-md: 0 12px 30px rgba(15, 23, 42, 0.08);
  --ctc-shadow-lg: 0 24px 60px rgba(15, 23, 42, 0.12);

  --ctc-radius-sm: 10px;
  --ctc-radius-md: 16px;
  --ctc-radius-lg: 24px;
  --ctc-radius-xl: 32px;
}

[data-theme="dark"] {
  --ctc-bg: #050B16;
  --ctc-bg-soft: #08111F;
  --ctc-surface: #0B1220;
  --ctc-surface-raised: #111827;
  --ctc-border: #1E293B;

  --ctc-text: #F8FAFC;
  --ctc-text-soft: #CBD5E1;
  --ctc-muted: #94A3B8;

  --ctc-primary: #D4AF37;
  --ctc-primary-2: #F1D675;
  --ctc-primary-soft: rgba(212, 175, 55, 0.12);

  --ctc-accent: #D4AF37;
  --ctc-accent-2: #F1D675;
  --ctc-accent-soft: rgba(212, 175, 55, 0.14);

  --ctc-success: #22C55E;
  --ctc-success-soft: rgba(34, 197, 94, 0.14);

  --ctc-warning: #F59E0B;
  --ctc-warning-soft: rgba(245, 158, 11, 0.14);

  --ctc-danger: #EF4444;
  --ctc-danger-soft: rgba(239, 68, 68, 0.14);

  --ctc-info: #60A5FA;
  --ctc-info-soft: rgba(96, 165, 250, 0.14);

  --ctc-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.35);
  --ctc-shadow-md: 0 18px 40px rgba(0, 0, 0, 0.35);
  --ctc-shadow-lg: 0 30px 70px rgba(0, 0, 0, 0.45);
}