/* ============================================================
   G&T Consulting - Brand tokens v2
   Derived from the Executive Program collateral (PDF) and the
   G&T wordmark: deep navy, warm gold, high-contrast serif.
   Replaces the old slate/Montserrat palette taken from Zyro.
   Do not invent new colours here; derive from these.
   ============================================================ */

:root {
  /* --- Core palette --- */
  --navy:        #101c2c;  /* primary dark - hero, footer, dark bands */
  --navy-deep:   #0a1320;  /* deeper still, for layering inside navy */
  --navy-soft:   #1b2b3f;  /* raised cards on navy */
  --gold:        #b8975a;  /* the brand accent - ampersand, eyebrows, rules */
  --gold-bright: #d4bc8a;  /* gold on dark, where contrast needs lifting */
  --gold-deep:   #8f7440;  /* gold on light, for AA-safe text */

  /* --- Neutrals: warm, never pure grey (they sit next to gold) --- */
  --cream:       #f5f1e9;  /* alternating light band - the PDF's paper */
  --cream-soft:  #faf8f3;
  --white:       #ffffff;
  --card:        #ffffff;
  --line:        #e6e0d4;  /* hairline on cream */
  --line-strong: #cfc6b4;
  --line-dark:   rgba(212, 188, 138, 0.22); /* hairline on navy */

  /* --- Text --- */
  --ink:         #101c2c;  /* headings + body on light */
  --muted:       #5a6470;  /* secondary on light */
  --on-navy:     #f2efe8;  /* body on navy */
  --muted-navy:  #a9b4c2;  /* secondary on navy */

  /* --- Typography ---
     Display serif carries the brand; the sans stays quiet underneath. */
  --font-display: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-body:    'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

  /* Fluid scale - clamp() so mobile needs no media query */
  --t-hero:   clamp(2.25rem, 1.4rem + 3.6vw, 4.25rem);
  --t-h2:     clamp(1.75rem, 1.25rem + 2vw, 2.75rem);
  --t-h3:     clamp(1.125rem, 1rem + 0.5vw, 1.375rem);
  --t-stat:   clamp(2rem, 1.4rem + 2.4vw, 3.25rem);
  --t-body:   1.0625rem;
  --t-small:  0.875rem;
  --t-micro:  0.75rem;

  /* Letterspaced micro-caps - the collateral's signature device
     ("ŠTO DOBIVAŠ", "INVESTICIJA", "01 · ODLUKA") */
  --track-eyebrow: 0.22em;

  /* --- Spacing (8px base) --- */
  --s-1: 0.5rem;  --s-2: 1rem;   --s-3: 1.5rem;
  --s-4: 2rem;    --s-5: 3rem;   --s-6: 4rem;
  --s-7: 6rem;    --s-8: 8rem;

  /* --- Shape: near-square. The collateral is editorial, not SaaS. --- */
  --r-card: 4px;
  --r-btn:  2px;
  --r-img:  4px;

  /* Shadows: barely there. Consulting, not startup. */
  --shadow-card:  0 1px 3px rgba(16, 28, 44, 0.05);
  --shadow-hover: 0 10px 32px rgba(16, 28, 44, 0.10);

  --wrap:        1160px;
  --wrap-narrow: 720px;

  --ease: cubic-bezier(0.4, 0, 0.2, 1);
}

/* Respect users who ask for less motion. */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}