/**
 * On Method — Pantone NYFW Spring/Summer 2027 curated tokens
 * Source: Pantone Fashion Color Trend Report NYFW SS27
 * https://www.pantone.com/na/en-us/fashion-color-trend-report/new-york-fashion-week-spring-summer-2027
 * HEX approximations: W3Schools Colors 2027 + Chromafinder TCX (see pantone-ss27-research.md)
 *
 * Curated subset only — not the full 15-swatch fashion dump.
 */

:root {
  /* Structure — Antique White base (default light) */
  --om-bg: #EEE5D3; /* Antique White 11-0105 TCX */
  --om-surface: #F6F0E4;
  --om-surface-2: #E4D9C4;

  /* Ink on light */
  --om-text: #0B0B0C;
  --om-ink: #0B0B0C;

  /* Dolphin deepened for muted on light */
  --om-muted: #5C5856;

  /* Arrowwood 16-0954 TCX — primary CTA / gold replacement */
  --om-accent: #BC8D1F;
  --om-gold: #BC8D1F;
  --om-accent-rgb: 188, 141, 31;

  /* Waterfall deepened for secondary text on Antique White; named ref stays true */
  --om-secondary: #2A8F84;
  --om-secondary-rgb: 42, 143, 132;

  /* Anise Flower 12-0717 TCX — soft highlight / focus */
  --om-highlight: #F4E3B5;

  /* Princess Blue 19-4150 TCX — decorative deep only (not small text on dark) */
  --om-deep: #00539C;

  /* Borders on light Antique White */
  --om-line: rgba(11, 11, 12, 0.14);

  /* Named Pantone refs (optional use / documentation) */
  --pantone-ss27-anise-flower: #F4E3B5;
  --pantone-ss27-princess-blue: #00539C;
  --pantone-ss27-waterfall: #3AB0A2;
  --pantone-ss27-arrowwood: #BC8D1F;
  --pantone-ss27-antique-white: #EEE5D3;
  --pantone-ss27-dolphin: #9A9699;

  --pantone-ss27-chili-pepper: #9B1B30;
  --pantone-ss27-langoustino: #CA6C56;
  --pantone-ss27-hibiscus: #DE3848;
  --pantone-ss27-lavender-oil: #C3A6CD;
  --pantone-ss27-dragon-fire: #FD652D;
  --pantone-ss27-daiquiri-green: #C9D77E;
  --pantone-ss27-rosy-future: #F37E9B;
}

/* Secondary accent for editorial chrome — Waterfall (not a second CTA fill).
   Footer headings stay muted for quieter edge-tech restraint (Pass B). */
.om-kicker,
.om-meta,
.om-meta a,
.om-spine__item h3 {
  color: var(--om-secondary);
}
.om-meta a { color: var(--om-secondary) !important; }
.om-footer h4 {
  color: var(--om-muted);
}

/* Place-dot uses secondary (orbital teal) */
.om-place::before {
  background: var(--om-secondary);
}

/* Focus rings — Anise highlight */
a:focus-visible,
.om-btn:focus-visible,
.om-nav__cta:focus-visible,
.om-nav a:focus-visible,
button:focus-visible {
  outline: 2px solid var(--om-highlight);
  outline-offset: 3px;
}

/* Hover borders / glows: Arrowwood RGB (replaces hardcoded old gold rgba) */
.om-card:hover {
  border-color: rgba(var(--om-accent-rgb), 0.35);
}
.om-case-card:hover {
  border-color: rgba(var(--om-accent-rgb), 0.4);
}

/* Decorative deep — background/border only; never color text on dark */
.om-deep-bg { background-color: var(--om-deep); color: #fff; }