/* Design tokens — Gold 21.
   Inspired by skytower.pl: monochrome editorial luxury with one warm gold accent
   to give Gold 21 its own brand identity. Square corners, generous tracking,
   light display headings layered over dark photographs. */

:root {
  /* Palette */
  --ink:          #0A0A0A;   /* near-black for body text and dark sections */
  --ink-soft:     #1B1B1B;   /* secondary dark surface (matches skytower) */
  --paper:        #FFFFFF;
  --paper-warm:   #F7F5F1;   /* warm off-white instead of skytower's cool grey */
  --steel:        #6E747A;   /* secondary text on light backgrounds */
  --hairline:     rgba(10, 10, 10, 0.12);
  --hairline-light: rgba(255, 255, 255, 0.18);

  /* Brand accent — what differentiates Gold 21 from Sky Tower's pure monochrome */
  --gold:         #C8A65E;
  --gold-deep:    #A8853E;
  --gold-soft:    #E6D3A2;

  /* Type */
  --font-display: "Fraunces", "Cormorant Garamond", "Playfair Display", Georgia, serif;
  --font-sans:    "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  /* Spacing scale */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 40px;
  --space-6: 64px;
  --space-7: 96px;
  --space-8: 128px;

  /* Layout */
  --container:    1280px;
  --gutter:       clamp(20px, 4vw, 56px);

  /* Motion */
  --ease:         cubic-bezier(0.16, 1, 0.3, 1);
  --t-fast:       180ms;
  --t-base:       360ms;
  --t-slow:       720ms;
}