/* Ridhyansh Store v2 — Design tokens (P2)
   Loaded AFTER style.css so these remap the whole palette in one place.
   Dark premium base (near-black) + indigo/violet accents. */

:root {
  color-scheme: dark;

  /* base */
  --bg: #0A0C12;          /* near-black */
  --bg-2: #0E1119;
  --surface: #141824;     /* card */
  --surface-2: #1A1F2E;
  --ink: #EEF1F7;         /* light text */
  --ink-2: #C2C9D6;
  --muted: #8A93A6;
  --line: #232A3A;
  --line-2: #2C3446;

  /* accents */
  --brand: #7C6CFF;       /* indigo */
  --brand2: #A855F7;      /* violet */
  --brand-soft: #1D1B38;
  --brand-ink: #FFFFFF;

  /* semantic */
  --green: #34D399; --green-soft: #0E2A20;
  --gold: #EAC46B;  --gold-2: #D9A83A; --gold-soft: #2A2210; --gold-ink: #241B08;
  --gold-grad: linear-gradient(120deg, #F7DA8B 0%, #D9A83A 100%);
  --red: #F87171;   --red-soft: #2A1416;

  /* elevation (deep) */
  --sh1: 0 1px 2px rgba(0, 0, 0, .4), 0 10px 30px rgba(0, 0, 0, .45);
  --sh2: 0 18px 44px rgba(0, 0, 0, .55);
  --sh3: 0 30px 70px rgba(0, 0, 0, .6);

  /* shape */
  --r: 18px;  --r-sm: 12px;  --r-lg: 24px;  --r-pill: 999px;

  /* type */
  --font-body: "Inter", "Segoe UI", system-ui, -apple-system, Arial, sans-serif;
  --font-head: "Manrope", "Poppins", "Inter", system-ui, sans-serif;

  /* motion */
  --ease: cubic-bezier(.22, .61, .36, 1);
  --dur-fast: .16s;  --dur: .28s;  --dur-slow: .5s;

  /* layout */
  --maxw: 1120px;
  --z-header: 60;  --z-drawer: 70;  --z-toast: 80;

  /* 3D */
  --perspective: 900px;
}