/*
 * NOAH招待LP — デザイントークン
 * Figma「NOAH招待LP ◇ Bright」より抽出。
 * 色・フォント・タイポスケールをここで一元管理し、styles.css から参照する。
 */

:root {
  /* ---- Fonts ---- */
  /* 英字ディスプレイ（Figma: DIN 2014 Narrow / DIN 2014）→ Oswald で近似 */
  --font-display: "Oswald", "Noto Sans JP", "Hiragino Kaku Gothic ProN", sans-serif;
  --font-body: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;

  /* ---- Colors (Light theme = Bright) ---- */
  --l-text: #14171a;
  --l-muted: #6b6f6b;
  --l-surface: #ffffff;
  --l-dark: #111311;
  --gray-50: #f0f0f0;
  --gray-card: #ededed;

  /* ---- Accent (lime green) ---- */
  --acc: #b4ec51;
  --acc-deep: #4e9a2f;
  --acc-ink: #0c1a0c;

  /* ---- Dark surfaces ---- */
  --d-bg: #0b0f0c;
  --d-surface: #161d18;
  --d-surface-2: #1f2a22;
  --d-text: #ffffff;
  --d-muted: #9aa79d;

  /* ---- Derived ---- */
  --line: color-mix(in srgb, var(--l-text) 10%, transparent);
  --shadow-card: none;

  /* ---- Layout ---- */
  --container: 1120px;
  --container-narrow: 980px;
  --container-faq: 900px;
  --radius: 16px;
  --radius-lg: 20px;

  /* ---- Type scale (PC) ---- */
  --fs-hero-eyebrow: 20px;
  --fs-hero-title: clamp(40px, 6.2vw, 76px);
  --fs-hero-lead: clamp(17px, 1.6vw, 21px);
  --fs-hero-date: clamp(19px, 1.8vw, 25px);

  --fs-sec-en: clamp(34px, 4vw, 52px);
  --fs-sec-jp: clamp(19px, 1.8vw, 22px);

  --fs-body: 17px;
  --fs-body-sm: 15px;
  --fs-card-title: 19px;
  --fs-card-body: 14px;
  --fs-note: 13px;
  --fs-num: 28px;
  --fs-event-date: clamp(28px, 3vw, 37px);
}