/* ShopNest brand colours — same values as lib/theme/app_colors.dart */
:root {
  /* Brand */
  --sn-primary: #FF5722;        /* logo orange: primary buttons, badges, prices */
  --sn-primary-dark: #E64A19;   /* button hover / pressed */
  --sn-primary-text: #C2410C;   /* orange links & small text on white (AA) */
  --sn-primary-light: #FFE9E2;  /* tints: chips, promo banners, selected rows */
  --sn-navy: #1B2A47;           /* logo navy: headings, body text, header */
  --sn-navy-deep: #13213A;      /* footer, hero, dark sections */

  /* Neutrals */
  --sn-bg: #F7F8FA;
  --sn-surface: #FFFFFF;
  --sn-border: #E3E6EC;
  --sn-text: #1B2A47;
  --sn-text-secondary: #5B6475;
  --sn-text-muted: #6B7385;

  /* Semantic */
  --sn-success: #16A34A;
  --sn-warning: #F59E0B;
  --sn-error: #DC2626;
  --sn-info: #2563EB;
  --sn-rating: #FFB400;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --sn-primary: #FF7A50;
    --sn-primary-dark: #FF5722;
    --sn-primary-text: #FF7A50;
    --sn-primary-light: #4A2014;
    --sn-bg: #0E1728;
    --sn-surface: #13213A;
    --sn-border: #2A3A5C;
    --sn-text: #F5F7FA;
    --sn-text-secondary: #A9B3C4;
    --sn-text-muted: #A9B3C4;
    --sn-error: #F87171;
  }
}

/* Example usage */
.btn-primary {
  background: var(--sn-primary);
  color: #fff;
  font-weight: 700;
}
.btn-primary:hover { background: var(--sn-primary-dark); }