/**
 * VELORA Commerce — design tokens
 *
 * The single source of truth for the theme's visual identity. Everything a
 * store owner changes in Theme Studio ends up overriding these; nothing in the
 * theme should hardcode a colour, radius or spacing value.
 *
 * Values here are NEUTRAL defaults: a fresh install must look finished without
 * carrying any particular shop's branding.
 */

:root {
  /* Brand */
  --vlr-primary: #2f6bff;
  --vlr-primary-light: #6f9bff;
  --vlr-primary-dark: #1b4bd1;
  --vlr-on-primary: #ffffff;
  --vlr-accent: #ff8a3d;
  --vlr-on-accent: #201007;

  /* Surfaces */
  --vlr-background: #0b0f18;
  --vlr-surface: #141b2a;
  --vlr-surface-2: #101623;

  /* Text */
  --vlr-text: #f4f7ff;
  --vlr-text-secondary: #97a5be;
  --vlr-muted: var(--vlr-text-secondary);

  /* Lines */
  --vlr-border: #26314a;
  --vlr-border-soft: #1b2438;

  /* Status */
  --vlr-success: #2fbf71;
  --vlr-on-success: #04160c;
  --vlr-warning: #f0b429;
  --vlr-danger: #e5484d;
  --vlr-on-danger: #ffffff;

  /* Shape */
  --vlr-radius-sm: 10px;
  --vlr-radius-md: 14px;
  --vlr-radius-lg: 20px;
  --vlr-radius-pill: 999px;

  /* Elevation */
  --vlr-shadow-sm: 0 6px 18px rgba(0, 0, 0, .22);
  --vlr-shadow-md: 0 18px 44px rgba(0, 0, 0, .34);

  /* Layout */
  --vlr-container: 1180px;
  --vlr-gutter: 24px;
  --vlr-section-space: 72px;

  /* Type */
  --vlr-font-body: "Cairo", Tahoma, system-ui, sans-serif;
  --vlr-font-heading: var(--vlr-font-body);
  --vlr-font-size: 16px;

  /* Decorative band. A brand ornament, not a fixed pattern: a store can
     replace it with its own image, or blank it out entirely. */
  --vlr-ornament: none;
  --vlr-ornament-thin: none;
}

/* Breakpoints used across the theme (documented, not enforceable in CSS):
   mobile <=767 | tablet 768-1023 | desktop >=1024 | large >=1280 */