/**
 * Crystal Design System Tokens for WordPress
 * Auto-generated from @artasce/crystal-tokens
 * DO NOT EDIT DIRECTLY - run 'pnpm sync:tokens'
 * Generated: 2026-03-21T01:30:57.803Z
 */

/* Crystal Design System - crystal.css */
/* Generated 2026-03-21T01:15:24.656Z */

:root {
  --crystal-color-base-white: #ffffff;
  --crystal-color-base-black: #000000;
  --crystal-color-base-slate-50: #f8fafc;
  --crystal-color-base-slate-100: #f1f5f9;
  --crystal-color-base-slate-200: #e2e8f0;
  --crystal-color-base-slate-300: #cbd5e1;
  --crystal-color-base-slate-400: #94a3b8;
  --crystal-color-base-slate-500: #64748b;
  --crystal-color-base-slate-600: #475569;
  --crystal-color-base-slate-700: #334155;
  --crystal-color-base-slate-800: #1e293b;
  --crystal-color-base-slate-900: #0f172a;
  --crystal-color-base-slate-950: #020617;
  --crystal-color-base-blue-50: #eff6ff;
  --crystal-color-base-blue-100: #dbeafe;
  --crystal-color-base-blue-200: #bfdbfe;
  --crystal-color-base-blue-300: #93c5fd;
  --crystal-color-base-blue-400: #60a5fa;
  --crystal-color-base-blue-500: #3b82f6;
  --crystal-color-base-blue-600: #2563eb;
  --crystal-color-base-blue-700: #1d4ed8;
  --crystal-color-base-blue-800: #1e40af;
  --crystal-color-base-blue-900: #1e3a8a;
  --crystal-color-base-violet-50: #f5f3ff;
  --crystal-color-base-violet-100: #ede9fe;
  --crystal-color-base-violet-200: #ddd6fe;
  --crystal-color-base-violet-300: #c4b5fd;
  --crystal-color-base-violet-400: #a78bfa;
  --crystal-color-base-violet-500: #8b5cf6;
  --crystal-color-base-violet-600: #7c3aed;
  --crystal-color-base-violet-700: #6d28d9;
  --crystal-color-base-violet-800: #5b21b6;
  --crystal-color-base-violet-900: #4c1d95;
  --crystal-color-base-amber-50: #fffbeb;
  --crystal-color-base-amber-100: #fef3c7;
  --crystal-color-base-amber-200: #fde68a;
  --crystal-color-base-amber-300: #fcd34d;
  --crystal-color-base-amber-400: #fbbf24;
  --crystal-color-base-amber-500: #f59e0b;
  --crystal-color-base-amber-600: #d97706;
  --crystal-color-base-amber-700: #b45309;
  --crystal-color-base-amber-800: #92400e;
  --crystal-color-base-amber-900: #78350f;
  --crystal-color-base-red-50: #fef2f2;
  --crystal-color-base-red-100: #fee2e2;
  --crystal-color-base-red-200: #fecaca;
  --crystal-color-base-red-300: #fca5a5;
  --crystal-color-base-red-400: #f87171;
  --crystal-color-base-red-500: #ef4444;
  --crystal-color-base-red-600: #dc2626;
  --crystal-color-base-red-700: #b91c1c;
  --crystal-color-base-red-800: #991b1b;
  --crystal-color-base-red-900: #7f1d1d;
  --crystal-color-base-red-hal: #CC0000;
  --crystal-color-base-emerald-50: #ecfdf5;
  --crystal-color-base-emerald-100: #d1fae5;
  --crystal-color-base-emerald-200: #a7f3d0;
  --crystal-color-base-emerald-300: #6ee7b7;
  --crystal-color-base-emerald-400: #34d399;
  --crystal-color-base-emerald-500: #10b981;
  --crystal-color-base-emerald-600: #059669;
  --crystal-color-base-emerald-700: #047857;
  --crystal-color-base-emerald-800: #065f46;
  --crystal-color-base-emerald-900: #064e3b;
  --crystal-color-base-sapphire-50: #eef5ff;
  --crystal-color-base-sapphire-100: #d9e8ff;
  --crystal-color-base-sapphire-200: #bcd7ff;
  --crystal-color-base-sapphire-300: #8ebeff;
  --crystal-color-base-sapphire-400: #599bff;
  --crystal-color-base-sapphire-500: #3377ff;
  --crystal-color-base-sapphire-600: #1a56f5;
  --crystal-color-base-sapphire-700: #1343e1;
  --crystal-color-base-sapphire-800: #1636b6;
  --crystal-color-base-sapphire-900: #18328f;
  --crystal-bg-primary: #ffffff;
  --crystal-color-crystal-background-primary: var(--crystal-bg-primary);
  --crystal-bg-secondary: #f8fafc;
  --crystal-color-crystal-background-secondary: var(--crystal-bg-secondary);
  --crystal-bg-tertiary: #f1f5f9;
  --crystal-color-crystal-background-tertiary: var(--crystal-bg-tertiary);
  --crystal-fg-primary: #0f172a;
  --crystal-color-crystal-foreground-primary: var(--crystal-fg-primary);
  --crystal-fg-secondary: #475569;
  --crystal-color-crystal-foreground-secondary: var(--crystal-fg-secondary);
  --crystal-fg-tertiary: #94a3b8;
  --crystal-color-crystal-foreground-tertiary: var(--crystal-fg-tertiary);
  --crystal-fg-inverse: #ffffff;
  --crystal-color-crystal-foreground-inverse: var(--crystal-fg-inverse);
  --crystal-border-default: #e2e8f0;
  --crystal-color-crystal-border-default: var(--crystal-border-default);
  --crystal-border-strong: #cbd5e1;
  --crystal-color-crystal-border-strong: var(--crystal-border-strong);
  --crystal-border-subtle: #f1f5f9;
  --crystal-color-crystal-border-subtle: var(--crystal-border-subtle);
  --crystal-accent-primary: #3b82f6;
  --crystal-color-crystal-accent-primary: var(--crystal-accent-primary);
  --crystal-accent-secondary: #60a5fa;
  --crystal-color-crystal-accent-secondary: var(--crystal-accent-secondary);
  --crystal-accent-subtle: #eff6ff;
  --crystal-color-crystal-accent-subtle: var(--crystal-accent-subtle);
  --crystal-surface-primary: #ffffff;
  --crystal-color-crystal-surface-primary: var(--crystal-surface-primary);
  --crystal-surface-elevated: #ffffff;
  --crystal-color-crystal-surface-elevated: var(--crystal-surface-elevated);
  --crystal-brand-warm: #f97316;
  --crystal-color-crystal-brand-warm: var(--crystal-brand-warm);
  --crystal-brand-cool: #06b6d4;
  --crystal-color-crystal-brand-cool: var(--crystal-brand-cool);
  --crystal-brand-cool-hover: #22d3ee;
  --crystal-color-crystal-brand-cool-hover: var(--crystal-brand-cool-hover);
  --crystal-status-success: #10b981;
  --crystal-color-crystal-status-success: var(--crystal-status-success);
  --crystal-status-warning: #f59e0b;
  --crystal-color-crystal-status-warning: var(--crystal-status-warning);
  --crystal-status-error: #ef4444;
  --crystal-color-crystal-status-error: var(--crystal-status-error);
  --crystal-status-info: #3b82f6;
  --crystal-color-crystal-status-info: var(--crystal-status-info);
  --crystal-crystallization-dream-radius: 16px;
  --crystal-crystallization-dream-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
  --crystal-crystallization-dream-shadowColored: 0 8px 32px;
  --crystal-crystallization-dream-border: 1px solid;
  --crystal-crystallization-dream-blur: 24px;
  --crystal-crystallization-dream-motionEasing: cubic-bezier(0, 0, 0.2, 1);
  --crystal-crystallization-dream-motionDuration: 300ms;
  --crystal-crystallization-edge-radius: 4px;
  --crystal-crystallization-edge-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  --crystal-crystallization-edge-shadowColored: 0 2px 8px;
  --crystal-crystallization-edge-border: 1px solid;
  --crystal-crystallization-edge-blur: 0px;
  --crystal-crystallization-edge-motionEasing: cubic-bezier(0.4, 0, 0.2, 1);
  --crystal-crystallization-edge-motionDuration: 100ms;
  --crystal-crystallization-luxe-radius: 12px;
  --crystal-crystallization-luxe-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
  --crystal-crystallization-luxe-shadowColored: 0 12px 40px;
  --crystal-crystallization-luxe-border: 1px solid;
  --crystal-crystallization-luxe-blur: 16px;
  --crystal-crystallization-luxe-motionEasing: ease;
  --crystal-crystallization-luxe-motionDuration: 500ms;
  --crystal-crystallization-clean-radius: 8px;
  --crystal-crystallization-clean-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --crystal-crystallization-clean-shadowColored: 0 4px 12px;
  --crystal-crystallization-clean-border: 1px solid;
  --crystal-crystallization-clean-blur: 8px;
  --crystal-crystallization-clean-motionEasing: cubic-bezier(0, 0, 0.2, 1);
  --crystal-crystallization-clean-motionDuration: 200ms;
  --crystal-crystallization-bold-radius: 8px;
  --crystal-crystallization-bold-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
  --crystal-crystallization-bold-shadowColored: 0 6px 20px;
  --crystal-crystallization-bold-border: 2px solid;
  --crystal-crystallization-bold-blur: 4px;
  --crystal-crystallization-bold-motionEasing: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  --crystal-crystallization-bold-motionDuration: 100ms;
  --crystal-shadow-none: none;
  --crystal-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --crystal-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --crystal-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --crystal-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --crystal-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --crystal-shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --crystal-shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --crystal-zIndex-behind: -1;
  --crystal-zIndex-base: 0;
  --crystal-zIndex-raised: 10;
  --crystal-zIndex-dropdown: 100;
  --crystal-zIndex-sticky: 200;
  --crystal-zIndex-overlay: 300;
  --crystal-zIndex-modal: 400;
  --crystal-zIndex-popover: 500;
  --crystal-zIndex-tooltip: 600;
  --crystal-zIndex-toast: 700;
  --crystal-zIndex-max: 999;
  --crystal-motion-duration-instant: 0ms;
  --crystal-motion-duration-fast: 100ms;
  --crystal-motion-duration-normal: 200ms;
  --crystal-motion-duration-slow: 300ms;
  --crystal-motion-duration-slower: 500ms;
  --crystal-motion-duration-slowest: 700ms;
  --crystal-motion-easing-linear: linear;
  --crystal-motion-easing-ease: ease;
  --crystal-motion-easing-easeIn: cubic-bezier(0.4, 0, 1, 1);
  --crystal-motion-easing-easeOut: cubic-bezier(0, 0, 0.2, 1);
  --crystal-motion-easing-easeInOut: cubic-bezier(0.4, 0, 0.2, 1);
  --crystal-motion-easing-spring: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  --crystal-motion-easing-bounce: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  --crystal-motion-transition-fast: 100ms cubic-bezier(0, 0, 0.2, 1);
  --crystal-motion-transition-normal: 200ms cubic-bezier(0, 0, 0.2, 1);
  --crystal-motion-transition-slow: 300ms cubic-bezier(0.4, 0, 0.2, 1);
  --crystal-motion-transition-spring: 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  --crystal-radius-none: 0;
  --crystal-radius-xs: 2px;
  --crystal-radius-sm: 4px;
  --crystal-radius-md: 8px;
  --crystal-radius-lg: 12px;
  --crystal-radius-xl: 16px;
  --crystal-radius-2xl: 24px;
  --crystal-radius-full: 9999px;
  --crystal-spacing-0: 0;
  --crystal-spacing-1: 4px;
  --crystal-spacing-2: 8px;
  --crystal-spacing-3: 16px;
  --crystal-spacing-4: 24px;
  --crystal-spacing-5: 40px;
  --crystal-spacing-6: 64px;
  --crystal-spacing-7: 104px;
  --crystal-spacing-8: 168px;
  --crystal-spacing-9: 272px;
  --crystal-spacing-10: 440px;
  --crystal-tile-dot: 4px;
  --crystal-tile-micro: 8px;
  --crystal-tile-icon: 16px;
  --crystal-tile-icon-plus: 24px;
  --crystal-tile-chip: 40px;
  --crystal-tile-mini-card: 64px;
  --crystal-tile-card: 104px;
  --crystal-tile-panel: 168px;
  --crystal-tile-detail: 272px;
  --crystal-gap-xs: 4px;
  --crystal-gap-sm: 8px;
  --crystal-gap-md: 16px;
  --crystal-gap-lg: 24px;
  --crystal-gap-xl: 40px;
  --crystal-font-family-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --crystal-font-family-display: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --crystal-font-family-heading: Montserrat, Inter, system-ui, sans-serif;
  --crystal-font-family-mono: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;
  --crystal-font-weight-light: 300;
  --crystal-font-weight-normal: 400;
  --crystal-font-weight-medium: 500;
  --crystal-font-weight-semibold: 600;
  --crystal-font-weight-bold: 700;
  --crystal-font-size-xs: 0.75rem;
  --crystal-font-size-sm: 0.875rem;
  --crystal-font-size-base: 1rem;
  --crystal-font-size-lg: 1.125rem;
  --crystal-font-size-xl: 1.25rem;
  --crystal-font-size-2xl: 1.5rem;
  --crystal-font-size-3xl: 1.875rem;
  --crystal-font-size-4xl: 2.25rem;
  --crystal-font-size-5xl: 3rem;
  --crystal-font-size-6xl: 3.75rem;
  --crystal-font-size-7xl: 4.5rem;
  --crystal-font-lineHeight-none: 1;
  --crystal-font-lineHeight-tight: 1.25;
  --crystal-font-lineHeight-snug: 1.375;
  --crystal-font-lineHeight-normal: 1.5;
  --crystal-font-lineHeight-relaxed: 1.625;
  --crystal-font-lineHeight-loose: 2;
  --crystal-font-letterSpacing-tighter: -0.05em;
  --crystal-font-letterSpacing-tight: -0.025em;
  --crystal-font-letterSpacing-normal: 0em;
  --crystal-font-letterSpacing-wide: 0.025em;
  --crystal-font-letterSpacing-wider: 0.05em;
  --crystal-font-letterSpacing-widest: 0.1em;
}