/* ============================================================
   OnePlace — Luxury commerce design tokens
   Midnight navy and champagne gold, with quiet ivory neutrals.
   EVERY token below is overridable at runtime by the Admin Panel
   (Appearance → Theme). See assets/js/core/theme.js
   ============================================================ */
:root{
  /* ---- Core brand palette (from logo) ---- */
  --brand-purple:#0B1F4A;
  --brand-purple-600:#071634;
  --brand-purple-700:#051026;
  --brand-purple-300:#6B7FAF;
  --brand-purple-100:#E9EEF9;
  --brand-purple-050:#F7F9FE;
  --brand-navy:#0B1F4A;
  --brand-navy-800:#071634;
  --brand-navy-900:#051026;

  /* ---- Semantic / functional ---- */
  --c-primary:var(--brand-purple);
  --c-primary-hover:var(--brand-purple-600);
  --c-primary-ink:#FFFFFF;
  --c-accent:#E9B86D;
  --c-accent-soft:#FFF4DF;
  --c-deal:#0B1F4A;
  --c-deal-soft:#FFF4DF;
  --c-warn:#0B1F4A;
  --c-warn-soft:#FFF4DF;
  --c-info:#0B1F4A;
  --c-info-soft:#E4EBFA;

  /* ---- Surfaces & text ---- */
  --c-bg:#FFFCF5;
  --c-bg-alt:#FFF7E8;
  --c-bg-sunken:#F7EBD4;
  --c-surface:#FFFFFF;
  --c-border:#EEDDBA;
  --c-border-strong:#D9BF8D;
  --c-text:#17213C;
  --c-text-soft:#58627A;
  --c-text-mute:#7D879F;
  --c-text-invert:#FFFFFF;

  /* ---- Type ---- */
  --font-sans:"Inter","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
  --font-display:Georgia,"Times New Roman",serif;
  --fs-xs:.75rem; --fs-sm:.8125rem; --fs-base:.9375rem; --fs-md:1rem;
  --fs-lg:1.125rem; --fs-xl:1.375rem; --fs-2xl:1.75rem; --fs-3xl:2.25rem; --fs-4xl:3rem;
  --lh-tight:1.15; --lh:1.55;

  /* ---- Shape & depth ---- */
  --r-xs:6px; --r-sm:8px; --r:12px; --r-lg:18px; --r-xl:26px; --r-pill:999px;
  --sh-1:0 1px 2px rgba(17,26,53,.06),0 1px 3px rgba(17,26,53,.05);
  --sh-2:0 4px 12px rgba(17,26,53,.08);
  --sh-3:0 12px 32px rgba(17,26,53,.12);
  --sh-pop:0 24px 64px rgba(17,26,53,.22);

  /* ---- Layout ---- */
  --maxw:1360px;
  --gap:16px;
  --header-h:auto;
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px; --sp-6:32px; --sp-7:48px; --sp-8:64px;

  /* ---- Marketplace layout (Walmart-style) tokens ---- */
  --hdr-bg:#FFFCF5;
  --hdr-fg:#17213C;
  --hdr-h:76px;
  --nav-bg:#0B1F4A;
  --spark:#E9B86D;
  --spark-ink:#2A1A00;
  --tile-r:14px;
  --ftr-bg:#071634;
  --ftr-fg:#F9F5FA;

  /* ---- Motion ---- */
  --t-fast:.14s ease; --t:.22s cubic-bezier(.2,.7,.3,1);

  /* logo inline vars */
  --logo-handle:var(--brand-purple);
  --logo-bg:#FFFDFC;
  --logo-word:var(--brand-navy);
}

/* ---- Dark theme (storefront + admin share it) ---- */
[data-theme="dark"]{
  --c-bg:#051026;
  --c-bg-alt:#071634;
  --c-bg-sunken:#0A1937;
  --c-surface:#0B1F4A;
  --c-border:#2D4274;
  --c-border-strong:#526A9C;
  --c-text:#FFFDF7;
  --c-text-soft:#D5DDEF;
  --c-text-mute:#A5B2D0;
  --c-primary:#E9B86D;
  --c-primary-hover:#F4D092;
  --c-accent:#E9B86D;
  --c-accent-soft:#332810;
  --c-deal:#E9B86D;
  --c-deal-soft:#332810;
  --c-info-soft:#102757;
  --c-warn-soft:#332810;
  --sh-1:0 1px 2px rgba(0,0,0,.5);
  --sh-2:0 4px 14px rgba(0,0,0,.5);
  --sh-3:0 14px 38px rgba(0,0,0,.6);
  --sh-pop:0 24px 64px rgba(0,0,0,.7);
  --logo-handle:#FFFFFF;
  --logo-bg:#051026;
  --logo-word:#FFFFFF;
  --hdr-bg:#071634;
  --hdr-fg:#FFFDF7;
  --nav-bg:#051026;
  --ftr-bg:#051026;
  --ftr-fg:#D5DDEF;
  --spark:#E9B86D;
  --spark-ink:#201800;
}

/* ---- Density presets (admin-controllable) ---- */
[data-density="compact"]{ --gap:12px; --r:9px; --sp-5:18px; --sp-6:24px; --sp-7:36px; }
[data-density="roomy"]  { --gap:22px; --r:16px; --sp-5:30px; --sp-6:44px; --sp-7:64px; }

/* ---- Corner style presets ---- */
[data-corners="square"]{ --r-xs:0; --r-sm:2px; --r:3px; --r-lg:4px; --r-xl:6px; }
[data-corners="round"] { --r-xs:10px; --r-sm:14px; --r:18px; --r-lg:24px; --r-xl:32px; }