/* ============================================================
   TEMPUS — DESIGN TOKENS
   Ported 1:1 from the approved homepage mockup.
   Do not hardcode colors/sizes elsewhere — reference these vars.

   SINGLE SOURCE OF TRUTH. Kadence's Global Styles are mapped FROM
   these tokens in kadence-bridge.css (--global-palette1..9, fonts,
   content width), and the Customizer palette swatches are seeded
   from the same values in functions.php. Change colors HERE, then
   re-seed: `wp option delete tempus_kadence_palette_seeded` and
   re-activate the theme.
   ============================================================ */

/* ---- Color system: warm dark + gold (gold is accent, never a bg) ---- */
:root {
  /* Gold / amber accents */
  --gold-tempus: #c8922a;   /* primary: buttons, headings, prices, active */
  --gold-deep:   #e8b84b;   /* hover */
  --gold-aged:   #b8965a;   /* borders, ornament */
  --gold-warm:   #d9b466;   /* premium badges, gradient end */

  /* Warm dark foundation */
  --near-black:  #0a0806;
  --espresso:    #1e1a15;

  --surface-container-lowest:  #110e09;
  --surface-container-low:     #16130d;
  --surface-container:         #1e1a15;
  --surface-container-high:    #26221b;
  --surface-container-highest: #2f2a22;
  --surface-bright:            #383228;

  /* Ink / text */
  --white:             #f0e6d3;
  --on-surface:        #f0e6d3;
  --on-surface-variant:#c9b99a;
  --ink-faint:         #8d7f66;

  /* Lines */
  --outline:            #8d7f66;
  --outline-variant:    #2a2620;
  --border-gold:        rgba(184,150,90,.35);
  --border-gold-strong: rgba(200,146,42,.55);

  /* Status */
  --error:   #ffb4ab;
  --on-error:#690005;
  --success: #a8c686;

  /* Signature gradients */
  --gradient-gold: linear-gradient(120deg, var(--gold-deep) 0%, var(--gold-aged) 45%, var(--gold-warm) 100%);
  --gradient-foil: linear-gradient(135deg, #6e4f18 0%, var(--gold-warm) 30%, #fff2cf 50%, var(--gold-tempus) 70%, var(--gold-aged) 100%);
  --scrim-bottom: linear-gradient(to top, rgba(10,8,6,.92) 0%, rgba(10,8,6,.55) 45%, rgba(10,8,6,0) 100%);
  --scrim-top:    linear-gradient(to bottom, rgba(10,8,6,.85) 0%, rgba(10,8,6,0) 100%);

  /* Semantic aliases */
  --bg-page:        var(--near-black);
  --surface-card:   var(--espresso);
  --surface-raised: var(--surface-container-high);
  --surface-overlay:var(--surface-container);

  --text-primary: var(--white);
  --text-body:    var(--on-surface);
  --text-muted:   var(--on-surface-variant);
  --text-faint:   var(--ink-faint);
  --text-accent:  var(--gold-tempus);

  --accent:       var(--gold-tempus);
  --accent-hover: var(--gold-deep);
  --on-accent:    var(--near-black);

  --border-hairline: var(--outline-variant);
  --border-accent:   var(--border-gold);
  --focus-ring:      var(--gold-tempus);
}

/* ---- Typography ----
   Maharlika = display voice. Proxima Nova Condensed = UI voice.
   Cormorant Garamond = serif accent / fallback. */
:root {
  --font-display: "Maharlika", "Cormorant Garamond", "Playfair Display", Georgia, serif;
  --font-serif:   "Cormorant Garamond", Georgia, serif;
  --font-ui:      "Proxima Nova Condensed", "Roboto Condensed", "Arial Narrow", sans-serif;

  --display-xl: 400 72px/80px var(--font-display);
  --display-lg: 400 48px/56px var(--font-display);
  --display-md: 400 36px/44px var(--font-display);
  --headline:   400 32px/40px var(--font-display);
  --headline-sm:400 28px/36px var(--font-display);
  --tracking-display: -0.02em;

  --body-lg: 400 18px/28px var(--font-ui);
  --body-md: 400 16px/24px var(--font-ui);
  --body-sm: 400 14px/20px var(--font-ui);

  --label-bold: 700 14px/20px var(--font-ui);
  --label-sm:   500 12px/16px var(--font-ui);
  --tracking-label:    0.1em;
  --tracking-label-sm: 0.05em;
  --tracking-wide:     0.18em;
}

/* ---- Spacing, layout & shape (8px base rhythm) ---- */
:root {
  --space-1: 8px;   --space-2: 16px;  --space-3: 24px;
  --space-4: 32px;  --space-5: 40px;  --space-6: 48px;
  --space-8: 64px;  --space-10: 80px; --space-15: 120px;

  --container-max: 1120px;   /* mockup uses 1120px max on inner content */
  --gutter: 24px;
  --margin-desktop: 48px;
  --margin-mobile: 20px;
  --section-gap: 104px;

  --radius-sm: 2px; --radius: 4px; --radius-md: 6px;
  --radius-lg: 8px; --radius-xl: 12px; --radius-full: 9999px;

  --border-width: 1px;
  --border-width-cta: 1.5px;

  --glow-warm:  0 0 0 1px var(--border-gold), 0 16px 48px -24px rgba(0,0,0,.8);
  --glow-hover: 0 0 32px -8px rgba(239,194,95,.28);

  /* Motion — slow, deliberate, cinematic. No bounce. */
  --ease-standard: cubic-bezier(.22,.61,.36,1);
  --ease-out:      cubic-bezier(.16,1,.3,1);
  --dur-fast: 200ms; --dur: 400ms; --dur-slow: 700ms;
}


/* ---- Brand web fonts ----
   Replace the files in /assets/fonts/ with the CLIENT-SUPPLIED licensed
   font files before launch. Filenames below are placeholders. */
@font-face {
  font-family: "Maharlika";
  src: url("../fonts/maharlika-regular.woff") format("woff");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Proxima Nova Condensed";
  src: url("../fonts/ProximaNovaCond-Regular.woff2") format("woff2");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Proxima Nova Condensed Bold";
  src: url("../fonts/ProximaNovaCond-Bold.woff2") format("woff2");
  font-weight: 700; font-style: normal; font-display: swap;
}
/* cormorant-garamond-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/cormorant-garamond-v21-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* cormorant-garamond-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/cormorant-garamond-v21-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* cormorant-garamond-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/cormorant-garamond-v21-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* cormorant-garamond-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/cormorant-garamond-v21-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* cormorant-garamond-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/cormorant-garamond-v21-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}