:root {
  /* Brand */
  --brand: #330099;
  --on-brand: #FFFFFF;
  --brand-text: #330099;
  --brand-tint: #ECE8FA;
  --brand-hover: #2A0082;
  --brand-pressed: #22006B;
  --focus-ring: #6B3DF5;
  --logo-dot: #F2812F;
  /* Same three stops as the brand mark (index.html #eqm-grad-light) — primary buttons read as an
     extension of the logo rather than a separate accent. */
  --btn-gradient: linear-gradient(135deg, #6B3DF5, #D9408E, #F2812F);

  /* Neutrals */
  --bg: #F6F6FA;
  --surface: #FFFFFF;
  --surface-2: #ECECF3;
  --text: #12121C;
  --text-muted: #62647A;
  --border: #E2E3EC;
  --disabled-bg: #ECECF3;
  --disabled-text: #9A9DB2;

  /* Semantic */
  --success: #16a34a;
  --success-bg: #dcfce7;
  --success-text: #15803D;
  --warning: #d97706;
  --warning-bg: #fef3c7;
  --warning-text: #92400E;
  --danger: #dc2626;
  --danger-bg: #fee2e2;
  --danger-text: #B91C1C;
  --verified: #0B6FB8;
  --unverified-text: #7A4A06;
  --unverified-bg: #FFF0D1;
  --unverified-border: #E0B866;
  --confirmed: #D9A800;
  --confirmed-bg: #F5C518;
  --confirmed-text: #3B2A00;

  /* Category colours (15) */
  --cat-food-fg: #C2610A;
  --cat-food-tint: #FDEBD3;
  --cat-electronics-fg: #0A7C9E;
  --cat-electronics-tint: #D8F0F7;
  --cat-fashion-fg: #BE3C85;
  --cat-fashion-tint: #FBE3F0;
  --cat-beauty-fg: #A855A8;
  --cat-beauty-tint: #F5E1F5;
  --cat-home-fg: #14804F;
  --cat-home-tint: #D8F3E5;
  --cat-building-fg: #78716C;
  --cat-building-tint: #ECE9E4;
  --cat-automotive-fg: #B42B2B;
  --cat-automotive-tint: #FBE0E0;
  --cat-agriculture-fg: #4D7C0F;
  --cat-agriculture-tint: #E7F3CF;
  --cat-health-fg: #A16207;
  --cat-health-tint: #FEF1C7;
  --cat-baby-fg: #1D6FD6;
  --cat-baby-tint: #DCEBFC;
  --cat-sports-fg: #0F766E;
  --cat-sports-tint: #D2F0EC;
  --cat-books-fg: #4F5BD5;
  --cat-books-tint: #E3E6FB;
  --cat-jewelry-fg: #9333EA;
  --cat-jewelry-tint: #F0E3FD;
  --cat-arts-fg: #D9564A;
  --cat-arts-tint: #FDE2DE;
  --cat-services-fg: #475569;
  --cat-services-tint: #E2E8F0;

  /* Discover banner (D1 section 5 "Default") */
  --banner-gradient: linear-gradient(110deg, #FFE3D1, #FBD9EA, #DCD6FB);
  --banner-title: #1B1530;

  --radius-sm: 8px;
  --radius-lg: 12px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --brand: #8B6DFF;
    --on-brand: #12082E;
    --brand-text: #B4A0FF;
    --brand-tint: #241C4D;
    --brand-hover: #A58BFF;
    --brand-pressed: #B7A2FF;
    --focus-ring: #B4A0FF;
    --logo-dot: #FFA640;
    --btn-gradient: linear-gradient(135deg, #8B6DFF, #FF7FB8, #FFA640);

    --bg: #0E0F14;
    --surface: #171921;
    --surface-2: #1F212C;
    --text: #EFF0F6;
    --text-muted: #9A9DB2;
    --border: #262836;
    --disabled-bg: #1F212C;
    --disabled-text: #5E6275;

    --success-bg: #133a22;
    --success-text: #4ADE80;
    --warning-bg: #3a2a0c;
    --warning-text: #FBBF24;
    --danger-bg: #3a1414;
    --danger-text: #F87171;
    --verified: #4DB3F5;
    --unverified-text: #FBD566;
    --unverified-bg: #3A2C08;
    --unverified-border: #E0B866;
    --confirmed: #F5C518;
    --confirmed-bg: #E0B000;
    --confirmed-text: #241A00;

    --cat-food-fg: #FFA640;
    --cat-food-tint: #3A2A12;
    --cat-electronics-fg: #3CC8E8;
    --cat-electronics-tint: #0F3440;
    --cat-fashion-fg: #FF7FB8;
    --cat-fashion-tint: #4A1B33;
    --cat-beauty-fg: #E3A0E3;
    --cat-beauty-tint: #40203F;
    --cat-home-fg: #3DDC97;
    --cat-home-tint: #0F3A2C;
    --cat-building-fg: #B7AFA6;
    --cat-building-tint: #2B2824;
    --cat-automotive-fg: #FF7A7A;
    --cat-automotive-tint: #4A1B20;
    --cat-agriculture-fg: #A3E635;
    --cat-agriculture-tint: #2A3A0C;
    --cat-health-fg: #FACC15;
    --cat-health-tint: #3A3208;
    --cat-baby-fg: #6CB4FF;
    --cat-baby-tint: #12304F;
    --cat-sports-fg: #2DD4BF;
    --cat-sports-tint: #0D3A36;
    --cat-books-fg: #8E9BFF;
    --cat-books-tint: #1E2252;
    --cat-jewelry-fg: #C084FC;
    --cat-jewelry-tint: #2D1B45;
    --cat-arts-fg: #FF8A7A;
    --cat-arts-tint: #4A1F1B;
    --cat-services-fg: #94A3B8;
    --cat-services-tint: #1E2530;

    --banner-gradient: linear-gradient(110deg, #4A2B33, #43264A, #2A2570);
    --banner-title: #F4EFFF;
  }
}

:root[data-theme="dark"] {
  --brand: #8B6DFF;
  --on-brand: #12082E;
  --brand-text: #B4A0FF;
  --brand-tint: #241C4D;
  --brand-hover: #A58BFF;
  --brand-pressed: #B7A2FF;
  --focus-ring: #B4A0FF;
  --logo-dot: #FFA640;
  --btn-gradient: linear-gradient(135deg, #8B6DFF, #FF7FB8, #FFA640);

  --bg: #0E0F14;
  --surface: #171921;
  --surface-2: #1F212C;
  --text: #EFF0F6;
  --text-muted: #9A9DB2;
  --border: #262836;
  --disabled-bg: #1F212C;
  --disabled-text: #5E6275;

  --success-bg: #133a22;
  --success-text: #4ADE80;
  --warning-bg: #3a2a0c;
  --warning-text: #FBBF24;
  --danger-bg: #3a1414;
  --danger-text: #F87171;
  --verified: #4DB3F5;
  --unverified-text: #FBD566;
  --unverified-bg: #3A2C08;
  --unverified-border: #E0B866;
  --confirmed: #F5C518;
  --confirmed-bg: #E0B000;
  --confirmed-text: #241A00;

  --cat-food-fg: #FFA640;
  --cat-food-tint: #3A2A12;
  --cat-electronics-fg: #3CC8E8;
  --cat-electronics-tint: #0F3440;
  --cat-fashion-fg: #FF7FB8;
  --cat-fashion-tint: #4A1B33;
  --cat-beauty-fg: #E3A0E3;
  --cat-beauty-tint: #40203F;
  --cat-home-fg: #3DDC97;
  --cat-home-tint: #0F3A2C;
  --cat-building-fg: #B7AFA6;
  --cat-building-tint: #2B2824;
  --cat-automotive-fg: #FF7A7A;
  --cat-automotive-tint: #4A1B20;
  --cat-agriculture-fg: #A3E635;
  --cat-agriculture-tint: #2A3A0C;
  --cat-health-fg: #FACC15;
  --cat-health-tint: #3A3208;
  --cat-baby-fg: #6CB4FF;
  --cat-baby-tint: #12304F;
  --cat-sports-fg: #2DD4BF;
  --cat-sports-tint: #0D3A36;
  --cat-books-fg: #8E9BFF;
  --cat-books-tint: #1E2252;
  --cat-jewelry-fg: #C084FC;
  --cat-jewelry-tint: #2D1B45;
  --cat-arts-fg: #FF8A7A;
  --cat-arts-tint: #4A1F1B;
  --cat-services-fg: #94A3B8;
  --cat-services-tint: #1E2530;

  --banner-gradient: linear-gradient(110deg, #4A2B33, #43264A, #2A2570);
  --banner-title: #F4EFFF;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  padding-bottom: 64px;
}

a { color: inherit; }