/* Design tokens for pages that do not load stitch-theme.css (the legacy-template storefronts).
   These MUST stay identical to the :root block at the top of stitch-theme.css; tests/Feature/FrontendDesignSystemTest.php
   fails if they drift. */
:root {
  --stitch-obsidian: #0a0d12;
  --stitch-obsidian-soft: #141820;
  --stitch-canvas: #f8f9fa;
  --stitch-surface: #ffffff;
  --stitch-surface-subtle: #f3f4f6;
  --stitch-border: #e5e7eb;
  --stitch-border-strong: #d1d5db;
  --stitch-emerald: #10b981;
  --stitch-emerald-dark: #047857;
  --stitch-emerald-soft: rgba(16, 185, 129, 0.08);
  --stitch-amber: #f59e0b;
  --stitch-amber-soft: rgba(245, 158, 11, 0.08);
  --stitch-text-primary: #0a0d12;
  --stitch-text-secondary: #4b5563;
  --stitch-text-muted: #6b7280;
  --stitch-radius-sm: 4px;
  --stitch-radius-md: 8px;
  --stitch-radius-lg: 12px;
  --stitch-radius-xl: 20px;
  --stitch-radius-full: 9999px;
  --stitch-shadow-subtle: 0 1px 3px rgba(10, 13, 18, 0.04), 0 4px 12px rgba(10, 13, 18, 0.03);
  --stitch-shadow-elevated: 0 10px 30px -5px rgba(10, 13, 18, 0.08), 0 4px 12px rgba(10, 13, 18, 0.03);
  --stitch-shadow-hover: 0 20px 40px -10px rgba(10, 13, 18, 0.12);
  --stitch-font-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --stitch-font-ar: 'Cairo', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}