/* Vineyard Icon — v3 Design Tokens
   Locked to Brand OS §7.2 / §7.3 / §7.4
   Source: vineyard_icon_inc/v3/os/vineyard-icon-brand-os.md
*/

:root {
  /* Color system — Brand OS §7.2 (locked) */
  --vi-ivory:           #F9F6EF;  /* island summer warmth; primary canvas */
  --vi-warm-white:      #FDFAF5;  /* hero backgrounds */
  --vi-vineyard-navy:   #1A2B4A;  /* primary text; institutional headings */
  --vi-vineyard-navy-2: #243A63;  /* secondary navy for hover/accents */
  --vi-hydrangea-blue:  #7B9EC7;  /* place-anchored accent — "we had to include hydrangeas" */
  --vi-gold:            #C9A84C;  /* award weight; CTA on dark */
  --vi-gold-deep:       #A88A35;  /* hover/pressed gold */
  --vi-sage-green:      #4A6741;  /* scholarship; foundation surfaces */
  --vi-charcoal:        #2C2C2C;  /* body copy on light */
  --vi-charcoal-soft:   #4A4A4A;  /* secondary body */
  --vi-rule:            #E4DDC9;  /* hairline rules */
  --vi-rule-strong:     #C9BE9E;  /* stronger rule */
  --vi-alert:           #9B2335;  /* T-3 disclosure / crisis only */

  /* Typography — Brand OS §7.3
     Display: humanist serif (institution-grade authority)
     Editorial: transitional serif (long-form body)
     UI: humanist sans (operational surfaces)
     Mono: legal/compliance disclosures
  */
  --font-display:   "Playfair Display", "Freight Display Pro", Georgia, "Times New Roman", serif;
  --font-editorial: "Cormorant Garamond", "Freight Text Pro", Garamond, Georgia, serif;
  --font-ui:        "Inter", "Aktiv Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono:      "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  /* Spatial — Brand OS §7.4 (8-px grid; sections in multiples of 64) */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  16px;
  --space-4:  24px;
  --space-5:  32px;
  --space-6:  48px;
  --space-7:  64px;
  --space-8:  96px;
  --space-9:  128px;
  --space-10: 160px;

  /* Type scale — display/editorial/UI */
  --t-eyebrow:  0.78rem;   /* 12.5px */
  --t-body-sm:  0.92rem;
  --t-body:     1.05rem;   /* 16.8px — editorial reading */
  --t-body-lg:  1.18rem;
  --t-h6:       1.0rem;
  --t-h5:       1.18rem;
  --t-h4:       1.5rem;
  --t-h3:       2.0rem;
  --t-h2:       2.6rem;
  --t-h1:       3.6rem;
  --t-display:  5.0rem;   /* hero only */

  /* Containers */
  --max-narrow:  720px;   /* editorial reading */
  --max-default: 1100px;
  --max-wide:    1320px;

  /* Lines */
  --leading-display:   1.05;
  --leading-heading:   1.15;
  --leading-editorial: 1.55;
  --leading-ui:        1.45;

  /* Tracking — display serifs use slight negative tracking */
  --tracking-display: -0.015em;
  --tracking-eyebrow: 0.18em;

  /* Motion */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 200ms;
  --dur-base: 400ms;
  --dur-slow: 700ms;
}

/* Reduced motion respect */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}