/* ==========================================================================
   Design tokens — Pinnacle Capital Investments
   Source of truth: 04 - Website Files/Handoff - Direction 2 Homepage.md
   Do not introduce new colors/fonts outside this file without updating
   the handoff doc too — this is the locked brand kit for this phase.
   ========================================================================== */

:root {
  /* Brand red */
  --color-red: #b40101;
  --color-red-hover: #8a0000;
  --color-red-grad-start: #b40101;
  --color-red-grad-end: #7d0101;
  --color-red-soft: #fbdada;
  --color-red-accent: #e0938f;

  /* Gold (secondary / "luxury" accent) */
  --color-gold-grad-start: #c9862a;
  --color-gold-grad-end: #96601a;

  /* Charcoal (tertiary card color) */
  --color-charcoal-grad-start: #231b17;
  --color-charcoal-grad-end: #4a3830;
  --color-charcoal: #231b17;
  --color-charcoal-card: #302722;

  /* Neutrals */
  --color-cream: #fbf6f3;
  --color-white: #ffffff;
  --color-ink: #1c1512;
  --color-body: #2b2320;
  --color-body-soft: #544842;
  --color-body-softer: #665a53;
  --color-body-softest: #3a2f29;
  --color-border: #eadfd8;
  --color-border-soft: #e0d3ca;

  /* Footer / dark surfaces */
  --color-footer-bg: #1c1512;
  --color-footer-border: #3a2f29;
  --color-footer-text: #c7bab2;
  --color-footer-text-dim: #9a8c83;
  --color-footer-text-dimmer: #7a6f68;

  /* Fonts */
  --font-serif: "Fraunces", Georgia, serif;
  --font-sans: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  /* Layout */
  --container-max: 1240px;
  --container-padding: clamp(20px, 5vw, 40px);
  --section-padding-y: clamp(64px, 10vw, 110px);
  --section-padding-y-lg: clamp(72px, 12vw, 120px);

  /* Radius */
  --radius-sm: 12px;
  --radius-md: 20px;
  --radius-lg: 28px;
  --radius-pill: 100px;

  /* Shadow */
  --shadow-card: 0 1px 3px rgba(28, 21, 18, 0.05);
  --shadow-card-hover: 0 20px 40px -12px rgba(28, 21, 18, 0.25);
  --shadow-button-hover: 0 12px 24px -8px rgba(180, 1, 1, 0.45);

  /* Motion */
  --ease-standard: cubic-bezier(0.4, 0.1, 0.2, 1);
  --duration-fast: 0.25s;
  --duration-standard: 0.5s;
  --duration-slow: 0.7s;
}