/* ============================================
   CUSTOMER THEME TOKENS
   ============================================ */

:root {
  --nf-accent: #f51359;
  --nf-white: #ffffff;
  --nf-ink: #0f172a;
  --nf-ink-soft: #1e293b;
  --nf-text: #334155;
  --nf-text-muted: #475569;
  --nf-text-soft: #64748b;
  --nf-text-faint: #94a3b8;
  --nf-line: #e2e8f0;
  --nf-line-soft: #f1f5f9;
  --nf-surface: #ffffff;
  --nf-surface-soft: #f8fafc;
  --nf-success: #10b981;
  --nf-success-dark: #059669;
  --nf-success-deep: #047857;
  --nf-success-soft: #3ecf8e;
  --nf-success-soft-dark: #36c07f;
  --nf-success-surface: #f0fdf4;
  --nf-success-chip: #67c57d;
  --nf-success-chip-soft: #e0f5e3;
  --nf-success-badge: #1dc51c;
  --nf-success-badge-dark: #28a745;
  --nf-promo-start: #ff6b35;
  --nf-promo-end: #f7931e;
  --nf-promo-shadow: rgba(255, 107, 53, 0.25);
  --nf-promo-warning-start: #ff6b6b;
  --nf-promo-warning-end: #ff8e53;
  --nf-warning: #fbbf24;
  --nf-warning-strong: #f59e0b;
  --nf-warning-text: #92400e;
  --nf-warning-surface: #fef3c7;
  --nf-warning-surface-strong: #fde68a;
  --nf-warning-deep: #78350f;
  --nf-danger: #dc2626;
  --nf-danger-dark: #b91c1c;
  --nf-danger-deep: #991b1b;
  --nf-danger-surface: #fee2e2;
  --nf-danger-surface-strong: #fecaca;
  --nf-white-overlay-soft: rgba(255, 255, 255, 0.2);
  --nf-white-overlay-mid: rgba(255, 255, 255, 0.3);
  --nf-white-overlay-strong: rgba(255, 255, 255, 0.4);
  --nf-white-overlay-heavy: rgba(255, 255, 255, 0.95);
  --nf-white-ghost: rgba(255, 255, 255, 0.08);
  --nf-success-ring: rgba(16, 185, 129, 0.1);
  --nf-success-shadow: rgba(16, 185, 129, 0.12);
  --nf-success-shadow-strong: rgba(16, 185, 129, 0.25);
  --nf-success-shadow-stronger: rgba(16, 185, 129, 0.35);
  --nf-success-shadow-deep: rgba(5, 150, 105, 0.2);
  --nf-success-btn-shadow: rgba(62, 207, 142, 0.3);
  --nf-success-btn-shadow-hover: rgba(62, 207, 142, 0.4);
  --nf-blue: #2563eb;
  --nf-blue-dark: #1d4ed8;
  --nf-blue-deep: #1e40af;
  --nf-blue-shadow: rgba(37, 99, 235, 0.35);
  --nf-blue-shadow-hover: rgba(37, 99, 235, 0.45);
  --nf-dialog-overlay: rgba(15, 23, 42, 0.4);
  --nf-dialog-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  --nf-raised-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
  --nf-card-shadow: 0 8px 24px rgba(16, 185, 129, 0.12);
  --nf-badge-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);
  --nf-card-shadow-dark: 0 6px 20px rgba(0, 0, 0, 0.15);
  --nf-card-shadow-dark-soft: 0 6px 16px rgba(0, 0, 0, 0.2);
  --nf-white-shadow-soft: 0 4px 12px rgba(255, 255, 255, 0.3);
  --nf-white-shadow-strong: 0 6px 16px rgba(255, 255, 255, 0.3);
  --nf-text-shadow-soft: 0 1px 2px rgba(0, 0, 0, 0.1);
  --nf-text-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  --nf-text-shadow-strong: 0 2px 4px rgba(0, 0, 0, 0.2);
  --nf-dark-overlay: rgba(0, 0, 0, 0.1);
  --nf-dark-overlay-soft: rgba(0, 0, 0, 0.05);
  --nf-dark-overlay-strong: rgba(0, 0, 0, 0.3);
  --nf-dark-overlay-stronger: rgba(0, 0, 0, 0.4);
  --nf-dialog-border: rgba(226, 232, 240, 0.8);
  --nf-border-white-soft: rgba(255, 255, 255, 0.3);
  --nf-alert-border-soft: rgba(255, 255, 255, 0.1);
  --nf-alert-danger-stripe: rgba(220, 38, 38, 0.03);
  --nf-promo-dot: #cbd5e1;
  --nf-page-soft-green: #e9f3ee;
  --nf-sidebar-bg: #e8ebee;
  --nf-slate-disabled: #94a3b8;
  --nf-black: #000000;
  --nf-alert-surface-dark: #2d2d2d;
  --nf-alert-border-dark: #404040;
  --nf-alert-text-muted: #d1d5db;
  --nf-danger-glow: rgba(220, 38, 38, 0.5);
  --nf-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.06);
  --nf-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
  --nf-shadow-md: 0 4px 8px rgba(0, 0, 0, 0.06);
  --nf-shadow-lg: 0 12px 24px rgba(0, 0, 0, 0.12);
  --nf-shadow-float-soft: 0 4px 12px rgba(0, 0, 0, 0.1);
  --nf-shadow-float: 0 6px 14px rgba(15, 23, 42, 0.12);
  --nf-accent-shadow: rgba(245, 19, 89, 0.3);
  --nf-card-line: #f1f5f9;
  --nf-card-line-strong: #e2e8f0;
  --nf-surface-overlay: rgba(255, 255, 255, 0.9);
  --nf-surface-overlay-border: rgba(148, 163, 184, 0.35);
  --nf-rating-good: #16a34a;
  --nf-rating-mid: #f59e0b;
  --nf-rating-low: #ef4444;
}