/* === Dark Skin — Sleek Charcoal + Electric Cyan === */
body.skin--dark {
  /* Primary — Electric Cyan */
  --oc-primary-50: #ecfeff;
  --oc-primary-100: #cffafe;
  --oc-primary-200: #a5f3fc;
  --oc-primary-300: #67e8f9;
  --oc-primary-400: #22d3ee;
  --oc-primary-500: #06b6d4;
  --oc-primary-600: #0891b2;
  --oc-primary-700: #0e7490;
  --oc-primary-800: #155e75;
  --oc-primary-900: #164e63;
  --oc-primary-950: #083344;
  --oc-primary: var(--oc-primary-500);
  --oc-primary-light: var(--oc-primary-200);

  /* Accent — Amber Gold */
  --oc-accent-400: #fbbf24;
  --oc-accent-500: #f59e0b;
  --oc-accent-600: #d97706;

  /* Neutral — Inverted for dark bg */
  --oc-n-0: #0f172a;
  --oc-n-50: #1e293b;
  --oc-n-100: #334155;
  --oc-n-200: #475569;
  --oc-n-300: #64748b;
  --oc-n-400: #94a3b8;
  --oc-n-500: #cbd5e1;
  --oc-n-600: #e2e8f0;
  --oc-n-700: #e2e8f0;
  --oc-n-800: #f1f5f9;
  --oc-n-900: #f8fafc;

  /* Semantic */
  --oc-success: #10b981;
  --oc-warning: #f59e0b;
  --oc-danger: #ef4444;

  /* Shadows — Deeper */
  --oc-sh-sm: 0 1px 3px 0 rgba(0, 0, 0, .3), 0 1px 2px -1px rgba(0, 0, 0, .3);
  --oc-sh-md: 0 4px 6px -1px rgba(0, 0, 0, .35), 0 2px 4px -2px rgba(0, 0, 0, .35);
  --oc-sh-lg: 0 10px 15px -3px rgba(0, 0, 0, .35), 0 4px 6px -4px rgba(0, 0, 0, .35);
  --oc-sh-xl: 0 20px 25px -5px rgba(0, 0, 0, .35), 0 8px 10px -6px rgba(0, 0, 0, .35);
}