/* SR Power Unified Design System — Phase 12 / GRP-28
 * Native CSS tokens shared by storefront, customer, admin and POS contexts.
 * No framework runtime and no database dependency.
 */
:root {
  color-scheme: light;
  --srp-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --srp-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;

  --srp-white: #ffffff;
  --srp-black: #020617;
  --srp-slate-25: #fcfdff;
  --srp-slate-50: #f8fafc;
  --srp-slate-100: #f1f5f9;
  --srp-slate-200: #e2e8f0;
  --srp-slate-300: #cbd5e1;
  --srp-slate-400: #94a3b8;
  --srp-slate-500: #64748b;
  --srp-slate-600: #475569;
  --srp-slate-700: #334155;
  --srp-slate-800: #1e293b;
  --srp-slate-900: #0f172a;
  --srp-slate-950: #020617;

  --srp-brand-50: #eff6ff;
  --srp-brand-100: #dbeafe;
  --srp-brand-200: #bfdbfe;
  --srp-brand-500: #2563eb;
  --srp-brand-600: #1d4ed8;
  --srp-brand-700: #1e40af;
  --srp-brand-900: #172554;
  --srp-accent-50: #fff7ed;
  --srp-accent-500: #f97316;
  --srp-accent-600: #ea580c;

  --srp-success-50: #ecfdf5;
  --srp-success-200: #a7f3d0;
  --srp-success-600: #059669;
  --srp-success-700: #047857;
  --srp-warning-50: #fffbeb;
  --srp-warning-200: #fde68a;
  --srp-warning-600: #d97706;
  --srp-warning-700: #b45309;
  --srp-danger-50: #fef2f2;
  --srp-danger-200: #fecaca;
  --srp-danger-600: #dc2626;
  --srp-danger-700: #b91c1c;
  --srp-info-50: #eff6ff;
  --srp-info-200: #bfdbfe;
  --srp-info-600: #2563eb;

  --srp-background: var(--srp-slate-50);
  --srp-foreground: var(--srp-slate-950);
  --srp-surface: var(--srp-white);
  --srp-surface-subtle: var(--srp-slate-50);
  --srp-surface-raised: var(--srp-white);
  --srp-muted: var(--srp-slate-100);
  --srp-muted-foreground: var(--srp-slate-500);
  --srp-border: var(--srp-slate-200);
  --srp-border-strong: var(--srp-slate-300);
  --srp-input: var(--srp-slate-300);
  --srp-ring: rgba(37, 99, 235, .28);
  --srp-primary: var(--srp-brand-600);
  --srp-primary-hover: var(--srp-brand-700);
  --srp-primary-foreground: var(--srp-white);
  --srp-secondary: var(--srp-slate-100);
  --srp-secondary-hover: var(--srp-slate-200);
  --srp-secondary-foreground: var(--srp-slate-900);
  --srp-destructive: var(--srp-danger-600);
  --srp-destructive-hover: var(--srp-danger-700);
  --srp-destructive-foreground: var(--srp-white);
  --srp-overlay: rgba(2, 6, 23, .56);

  --srp-text-xs: .75rem;
  --srp-text-sm: .875rem;
  --srp-text-base: 1rem;
  --srp-text-lg: 1.125rem;
  --srp-text-xl: 1.25rem;
  --srp-text-2xl: 1.5rem;
  --srp-text-3xl: clamp(1.75rem, 4vw, 2.25rem);
  --srp-leading-tight: 1.2;
  --srp-leading-normal: 1.5;
  --srp-leading-relaxed: 1.65;
  --srp-weight-medium: 500;
  --srp-weight-semibold: 600;
  --srp-weight-bold: 700;
  --srp-weight-black: 800;

  --srp-space-0: 0;
  --srp-space-1: .25rem;
  --srp-space-2: .5rem;
  --srp-space-3: .75rem;
  --srp-space-4: 1rem;
  --srp-space-5: 1.25rem;
  --srp-space-6: 1.5rem;
  --srp-space-8: 2rem;
  --srp-space-10: 2.5rem;
  --srp-space-12: 3rem;
  --srp-space-16: 4rem;

  --srp-radius-sm: .375rem;
  --srp-radius-md: .625rem;
  --srp-radius-lg: .875rem;
  --srp-radius-xl: 1.125rem;
  --srp-radius-2xl: 1.5rem;
  --srp-radius-full: 9999px;

  --srp-shadow-xs: 0 1px 2px rgba(15, 23, 42, .05);
  --srp-shadow-sm: 0 1px 3px rgba(15, 23, 42, .08), 0 1px 2px rgba(15, 23, 42, .05);
  --srp-shadow-md: 0 10px 24px rgba(15, 23, 42, .10);
  --srp-shadow-lg: 0 20px 45px rgba(15, 23, 42, .16);
  --srp-shadow-focus: 0 0 0 3px var(--srp-ring);

  --srp-duration-fast: 120ms;
  --srp-duration-normal: 180ms;
  --srp-duration-slow: 260ms;
  --srp-ease-standard: cubic-bezier(.2, .8, .2, 1);

  --srp-control-height: 44px;
  --srp-control-height-sm: 36px;
  --srp-control-height-lg: 48px;
  --srp-touch-target: 44px;
  --srp-content-max: 1280px;
  --srp-page-gutter: clamp(1rem, 3vw, 2rem);
  --srp-safe-top: env(safe-area-inset-top, 0px);
  --srp-safe-right: env(safe-area-inset-right, 0px);
  --srp-safe-bottom: env(safe-area-inset-bottom, 0px);
  --srp-safe-left: env(safe-area-inset-left, 0px);

  --srp-z-base: 0;
  --srp-z-sticky: 30;
  --srp-z-dropdown: 60;
  --srp-z-overlay: 80;
  --srp-z-dialog: 90;
  --srp-z-toast: 100;

  --srp-density-gap: .75rem;
  --srp-density-padding: 1rem;
  --srp-density-row: 44px;
}

.srp-context-storefront {
  --srp-density-gap: 1rem;
  --srp-density-padding: 1.25rem;
  --srp-density-row: 48px;
  --srp-content-max: 1320px;
}

.srp-context-operational {
  --srp-density-gap: .625rem;
  --srp-density-padding: .875rem;
  --srp-density-row: 40px;
  --srp-background: #f4f7fb;
}

@media (min-width: 768px) {
  .srp-context-storefront { --srp-density-padding: 1.5rem; }
  .srp-context-operational { --srp-density-padding: 1rem; }
}