/* GARHY TECH / GT Marketplace — canonical visual identity override.
   Loaded after the generated application stylesheet so the entire storefront
   shares one neutral black / warm-gold system without duplicating component CSS. */

:root {
  --background: oklch(0.985 0.004 85);
  --foreground: oklch(0.18 0.012 80);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.18 0.012 80);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.18 0.012 80);
  --primary: oklch(0.22 0.018 75);
  --primary-foreground: oklch(0.985 0 0);
  --secondary: oklch(0.96 0.008 85);
  --secondary-foreground: oklch(0.2 0.014 80);
  --muted: oklch(0.955 0.007 85);
  --muted-foreground: oklch(0.49 0.015 75);
  --accent: oklch(0.95 0.025 85);
  --accent-foreground: oklch(0.22 0.018 75);
  --border: oklch(0.9 0.012 85);
  --input: oklch(0.9 0.012 85);
  --ring: oklch(0.49 0.115 82);

  --brand: oklch(0.22 0.018 75);
  --brand-foreground: oklch(0.985 0 0);
  --brand-soft: oklch(0.955 0.028 86);
  --luxury-purple: oklch(0.49 0.115 82);
  --luxury-purple-foreground: oklch(0.985 0 0);
  --luxury-purple-soft: oklch(0.955 0.028 86);
  --cyan-accent: oklch(0.49 0.075 82);
  --conversion: oklch(0.49 0.115 82);
  --conversion-foreground: oklch(0.985 0 0);
  --conversion-soft: oklch(0.955 0.028 86);
  --gold: oklch(0.49 0.115 82);
  --gold-foreground: oklch(0.985 0 0);
  --hairline: oklch(0.9 0.012 85);
  --surface: oklch(0.97 0.008 85);
  --surface-elevated: oklch(1 0 0);
}

.dark {
  --background: oklch(0.14 0.008 75);
  --foreground: oklch(0.965 0.004 85);
  --card: oklch(0.18 0.01 75);
  --card-foreground: oklch(0.965 0.004 85);
  --popover: oklch(0.18 0.01 75);
  --popover-foreground: oklch(0.965 0.004 85);
  --primary: oklch(0.78 0.12 85);
  --primary-foreground: oklch(0.15 0.012 75);
  --secondary: oklch(0.22 0.012 75);
  --secondary-foreground: oklch(0.965 0.004 85);
  --muted: oklch(0.22 0.012 75);
  --muted-foreground: oklch(0.72 0.012 85);
  --accent: oklch(0.26 0.035 82);
  --accent-foreground: oklch(0.965 0.004 85);
  --border: oklch(1 0 0 / 10%);
  --input: oklch(1 0 0 / 12%);
  --ring: oklch(0.78 0.12 85);

  --brand: oklch(0.78 0.12 85);
  --brand-foreground: oklch(0.15 0.012 75);
  --brand-soft: oklch(0.26 0.035 82);
  --luxury-purple: oklch(0.78 0.12 85);
  --luxury-purple-foreground: oklch(0.15 0.012 75);
  --luxury-purple-soft: oklch(0.26 0.035 82);
  --cyan-accent: oklch(0.72 0.09 85);
  --conversion: oklch(0.78 0.12 85);
  --conversion-foreground: oklch(0.15 0.012 75);
  --conversion-soft: oklch(0.26 0.035 82);
  --gold: oklch(0.78 0.12 85);
  --gold-foreground: oklch(0.15 0.012 75);
  --hairline: oklch(1 0 0 / 9%);
  --surface: oklch(0.165 0.009 75);
  --surface-elevated: oklch(0.195 0.011 75);
}

::selection {
  background: color-mix(in oklab, var(--gold) 35%, transparent);
  color: var(--foreground);
}