/* NOTE — these are the base surfaces the whole theme rests on. They were
   authored for a dark storefront; when the theme moved to a light default the
   schema defaults were flipped but this file was not, so every panel, muted
   label and hairline still assumed white-on-black. That is why product page
   blocks rendered as black boxes with invisible text.
   --d-black stays dark on purpose: it is used for text and fills, not surfaces.
*/
/* DUNEUS · Tokens
 * Part of the modular DUNEUS presentation layer. Load order:
 * tokens -> base -> forms -> header -> footer -> product-card ->
 * product -> collection -> cart -> sections -> responsive
 * ------------------------------------------------------------------------ */

/* ---------------------------------------------------------------------------
 * 01 · TOKENS
 * Sharp geometry, heavy display type, one action colour. Oasis Green is
 * reserved exclusively for "earned" states (threshold met, in stock) so it
 * keeps its meaning instead of becoming decoration.
 * ------------------------------------------------------------------------ */
:root {
  /* Brand */
  --d-black:      #000000;   /* Blackstone — canvas */
  --d-ink:        #111111;  /* text and dark fills */   /* raised surface */
  --d-surface:    #F7F7F7;  /* panels, cards, info boxes */   /* cards, wells */
  --d-surface-2:  #EFEFEF;  /* nested panels */   /* inputs, hover fills */
  --d-white:      #FFFFFF;   /* Sand White */
  --d-orange:     #FF5100;   /* Sunburst — the single action colour */
  --d-orange-dk:  #D94400;
  --d-oasis:      #CDDE00;   /* earned / achieved only */

  /* Derived neutrals */
  --d-mute:       rgba(17, 17, 17, 0.62);  /* secondary text */
  --d-faint:      rgba(17, 17, 17, 0.42);  /* tertiary text */
  --d-line:       rgba(17, 17, 17, 0.12);  /* hairlines */
  --d-line-soft:  rgba(17, 17, 17, 0.07);  /* faintest rules */

  /* Type */
  --d-display: 'Montserrat', 'Helvetica Neue', Arial, sans-serif;
  --d-body:    'Montserrat', 'Helvetica Neue', Arial, sans-serif;
  --d-arabic:  'Almarai', 'Tajawal', 'Segoe UI', Tahoma, sans-serif;

  --d-fs-micro: 0.6875rem;   /* 11px — technical labels */
  --d-fs-sm:    0.8125rem;   /* 13px */
  --d-fs-body:  0.9375rem;   /* 15px */
  --d-fs-lg:    1.0625rem;   /* 17px */

  --d-track-micro: 0.16em;   /* wide tracking for caps labels */
  --d-track-btn:   0.09em;
  --d-track-disp:  -0.02em;  /* tighten large display */

  /* Rhythm */
  --d-gutter:  clamp(1.25rem, 4vw, 2.75rem);
  --d-section: clamp(3.5rem, 8vw, 7.5rem);
  --d-max:     1440px;

  /* Motion */
  --d-fast: 160ms;
  --d-base: 240ms;
  --d-ease: cubic-bezier(0.2, 0.7, 0.2, 1);

  /* Geometry — sharp. Athletic hardware, not soft UI. */
  --d-radius:     0px;
  --d-radius-ctl: 2px;

  /* ---- Retune Soft Theme's own variables so its untouched internals
     inherit DUNEUS instead of the stock palette. High leverage: ~37 uses of
     --primary-color alone across main.css. ---- */
  --primary-color: #FF5100;
  --sub-primary-color: #FF5100;
  --header-primary-color: #000000;
  --footer-primary-color: #000000;
  --white-color: #FFFFFF;
  --black-color: #000000;
  --text-color-primary-bg: #FFFFFF;
  --header-text-color-primary-bg: #FFFFFF;
  --menu-header-text-color-primary-bg: #FFFFFF;
  --footer-text-color-primary-bg: #FFFFFF;
  --secondary-color: rgba(255, 255, 255, 0.14);
  --secondary-color-alt0: rgba(255, 255, 255, 0.58);
  --secondary-color-alt1: rgba(255, 255, 255, 0.58);
  --secondary-color-alt2: #131313;
  --secondary-color-alt3: rgba(255, 255, 255, 0.58);
  --secondary-color-alt4: rgba(255, 255, 255, 0.14);
  --secondary-color-alt5: rgba(255, 255, 255, 0.14);
  --secondary-color-alt6: rgba(255, 255, 255, 0.38);
  --secondary-color-alt7: rgba(255, 255, 255, 0.08);
  --secondary-color-alt8: rgba(255, 255, 255, 0.58);
  --secondary-color-alt9: rgba(255, 255, 255, 0.38);
  --secondary-color-alt10: rgba(255, 255, 255, 0.58);
  --secondary-color-alt11: rgba(255, 255, 255, 0.58);
  --secondary-color-alt12: rgba(255, 255, 255, 0.38);
  --secondary-color-alt13: #0A0A0A;
  --danger-color: #FF3B30;
  --sucess-color: #CDDE00;
}