/*
BREADCRUMB
id: CXD_OPERATOR_TOKENS_SHOPIFY_PARITY_V2_9
type: DESIGN_TOKENS
tier: 1
project: chrisxdamien-dev-migration
file: wp-content/themes/cxd-operator/assets/css/tokens.css
version: 1.1.0
created_at: 2026-05-30
updated_at: 2026-05-30
author: chris-morabe | friday
breadcrumb_standard: SBQ-VIBECODE-BREADCRUMB-V2.9
status: ACTIVE
intention: Token foundation matched to current live Shopify/Hydrogen site.
*/

:root {
  --cxd-black: #050508;
  --cxd-dark-950: #07070b;
  --cxd-dark-900: #0a0a0f;
  --cxd-dark-800: #12121a;
  --cxd-dark-700: #1a1a24;
  --cxd-dark-600: #252532;
  --cxd-purple: #8b5cf6;
  --cxd-purple-light: #a78bfa;
  --cxd-purple-dark: #7c3aed;
  --cxd-pink: #ec4899;
  --cxd-green: #22c55e;
  --cxd-yellow: #eab308;
  --cxd-blue: #3b82f6;
  --cxd-red: #ef4444;
  --cxd-orange: #f97316;
  --cxd-text-primary: #ffffff;
  --cxd-text-secondary: #94a3b8;
  --cxd-text-muted: #64748b;
  --cxd-glass: rgba(255, 255, 255, 0.03);
  --cxd-glass-border: rgba(255, 255, 255, 0.08);
  --cxd-container: 1200px;
  --cxd-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}