/*
 * THEME TOKENS
 * ------------------------------------------------------------
 * Brand direction: Luxe & Editorial (Direction 1).
 * Colours and fonts for the whole site live here. If the brand
 * fonts change, update the Google Fonts <link> in each page too.
 *
 * Palette
 *   Champagne Gold  #D4AF7C  primary: key brand elements, highlights
 *   Charcoal Black  #0F0F0F  secondary: headings, dark backgrounds
 *   Blush Nude      #F7E9E1  secondary: soft backgrounds
 *   Ivory           #FFFCF8  neutral: main background
 *   Warm Grey       #6B6B6B  neutral: body text, supporting elements
 */
:root {
  /* Colours */
  --color-bg: #FFFCF8;            /* page background (Ivory) */
  --color-surface: #FFFFFF;       /* cards, form fields */
  --color-surface-alt: #F7E9E1;   /* alternate section background (Blush Nude) */
  --color-ink: #0F0F0F;           /* headings and main text (Charcoal Black) */
  --color-muted: #6B6B6B;         /* secondary text (Warm Grey) */
  --color-line: #EADCCB;          /* borders, dividers (soft gold) */
  --color-accent: #D4AF7C;        /* buttons, highlights (Champagne Gold) */
  --color-accent-ink: #0F0F0F;    /* text on accent */
  --color-dark: #0F0F0F;          /* dark sections, footer (Charcoal Black) */
  --color-dark-ink: #FFFCF8;      /* text on dark sections (Ivory) */

  /* Chrome gold: metallic finish used for buttons, lines and gold text */
  --gold-chrome: linear-gradient(120deg, #8C6A30 0%, #D4AF7C 18%, #FFF1C9 34%, #C9A04F 50%, #F6DFA4 66%, #B08A45 82%, #7A5A24 100%);
  --gold-chrome-text: linear-gradient(120deg, #C9A04F 0%, #F6DFA4 25%, #FFF1C9 45%, #D4AF7C 65%, #F6DFA4 85%, #C9A04F 100%);
  --gold-chrome-shine: inset 0 1px 0 rgba(255, 255, 255, 0.55), inset 0 -1px 0 rgba(0, 0, 0, 0.25), 0 6px 18px rgba(140, 106, 48, 0.35);

  /* Fonts */
  --font-display: "Playfair Display", Georgia, "Times New Roman", serif;
  --font-body: "Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif;
  --display-weight: 400;
  --display-tracking: -0.01em;
  --display-case: none;           /* uppercase | none */

  /* Shape */
  --radius: 2px;
  --radius-lg: 4px;
  --shadow: 0 14px 40px rgba(15, 15, 15, 0.10);
}