/* ============================================================
   SUMMIT HORIZON CO. — Design Tokens & CSS Variables
   Global design system used throughout the site.
   ============================================================ */

@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Montserrat:wght@300;400;500;600;700&display=swap");

:root {

  /* ==========================================================
     Core Colors
     ========================================================== */

  --black: #0a0a0a;
  --black-mid: #111111;
  --black-soft: #1a1a1a;
  --black-card: #161616;

  --white: #ffffff;
  --white-muted: rgba(255, 255, 255, 0.85);
  --white-dim: rgba(255, 255, 255, 0.5);
  --white-faint: rgba(255, 255, 255, 0.08);

  /* ==========================================================
     Brand Colors
     ========================================================== */

  --gold: #c9a84c;
  --gold-light: #e2c476;
  --gold-dark: #a07c2d;

  --gold-dim: rgba(201, 168, 76, 0.15);
  --gold-glow: rgba(201, 168, 76, 0.08);

  /* ==========================================================
     Borders
     ========================================================== */

  --border: rgba(201, 168, 76, 0.25);
  --border-subtle: rgba(255, 255, 255, 0.06);

  /* ==========================================================
     Typography
     ========================================================== */

  --font-display: "Cormorant Garamond", serif;
  --font-body: "Montserrat", sans-serif;

  /* ==========================================================
     Motion
     ========================================================== */

  --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

  /* ==========================================================
     Layout
     ========================================================== */

  --section-pad: clamp(80px, 10vw, 140px);

  --container-max: 1180px;
  --container-wide: 1400px;

  --container-px: clamp(20px, 5vw, 60px);
}