/* Design tokens — brand themes. Loaded after style.css so these override the defaults there.
   Switch with <html data-brand="lazhop">, persisted in localStorage "brand".
   Lazhop values below are from affiliate_shop_flutter lazhop_tokens.dart (LazColors, Bold theme).
   style.css only consumes these variable names. */

:root[data-brand="lazhop"] {
  /* brand — Lazhop "Bold" (affiliate_shop_flutter lib/config/lazhop_tokens.dart · LazColors) */
  --primary: #FF3131;        /* lazhop.primary (logo red) */
  --primary-ink: #CE2525;    /* lazhop.primaryDark */
  --primary-soft: #FEE2E2;   /* lazhop.primarySoft */
  --accent: #FF3131;         /* CTA = primary red (no separate accent in brand) */
  --accent-soft: #FEE2E2;
  /* status (solid / soft) */
  --danger: #EF4444;
  --danger-soft: #FEE2E2;
  --warn: #F59E0B;
  --warn-soft: #FEF3C7;
  --success: #10B981;
  --success-soft: #D1FAE5;
  --info: #3B82F6;
  --info-soft: #DBEAFE;
  /* surfaces */
  --bg: #F1F5F9;             /* lazhop.bg (grey page tint) */
  --card: #FFFFFF;           /* lazhop.surface */
  --card-2: #EDF1F6;         /* ~surfaceVariant */
  --line: #E0E0E0;           /* lazhop.hair (divider) */
  --line2: #D0D4D9;
  --log-bg: #FAFAFB;
  /* text */
  --ink: #212121;            /* lazhop.ink */
  --muted: #757575;          /* lazhop.muted */
  --icon: #9E9E9E;           /* lazhop.mute2 */
  --on-primary: #FFFFFF;
  /* shape & elevation */
  --radius: 12px;            /* card radius (Bold) */
  --radius-sm: 10px;         /* inputs = 10 rounded rect */
  --radius-pill: 999px;      /* buttons = pill */
  --shadow: 0 1px 2px rgba(15,23,42,.04), 0 4px 16px rgba(15,23,42,.06);
  /* typography (brand font by language: Thai=Sarabun, Lao=Phetsarath) */
  --font: "LINE Seed Sans TH", "Sarabun", "Noto Sans Thai", "Segoe UI", system-ui, sans-serif;
  --fs-xs: 12px; --fs-sm: 13px; --fs-md: 14px; --fs-lg: 16px; --fs-xl: 20px; --fs-2xl: 26px;
  /* spacing scale */
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 20px; --sp-6: 24px;
}

:root[data-brand="lazhop"][data-theme="dark"] {
  --primary-soft: #3A1416;
  --accent-soft: #3A1416;
  --danger-soft: #3A1416;
  --warn-soft: #3A2A10;
  --success-soft: #0F2A1B;
  --info-soft: #10203A;
  --bg: #0E1013;
  --card: #17191D;
  --card-2: #1E2126;
  --line: #262930;
  --line2: #33363E;
  --log-bg: #111318;
  --ink: #F1F2F4;
  --muted: #A3A7AE;
  --shadow: none;
}