/* Nightfield のトークン（tokens.json から機械的に生成。値は書き換えない） */
:root {
  /* color */
  --pt-bg-deep: oklch(10.5% 0.022 268);
  --pt-bg: oklch(13.5% 0.026 268);
  --pt-panel: #10152480;
  --pt-panel-solid: oklch(17.5% 0.03 268);
  --pt-line: #ffffff13;
  --pt-line-strong: #ffffff26;
  --pt-text: oklch(96.5% 0.008 268);
  --pt-text-2: oklch(81% 0.02 268);
  --pt-text-3: oklch(67% 0.024 268);
  --pt-accent: oklch(76% 0.11 262);
  --pt-violet: oklch(68% 0.16 298);
  --pt-glow-blue: oklch(55% 0.17 262);
  --pt-glow-violet: oklch(48% 0.19 300);
  --pt-positive: oklch(81% 0.15 158);
  --pt-negative: oklch(75% 0.14 25);
  --pt-focus: oklch(84% 0.11 262);
  --pt-lights: oklch(87% 0.09 78);
  --pt-rim: oklch(88% 0.07 235);
  --pt-yt-short: oklch(80% 0.11 22);
  --pt-ch-youtube: oklch(66% 0.2 27);
  --pt-ch-x: oklch(73% 0.12 245);
  --pt-ch-note: oklch(81% 0.11 178);
  --pt-ch-line: oklch(77% 0.17 150);
  --pt-ch-seminar: oklch(73% 0.13 292);
  --pt-ch-hp: oklch(73% 0.11 266);
  --pt-ch-column: oklch(74% 0.09 222);
  /* spacing */
  --pt-sidebar-width: 248px;
  --pt-main-max: 1440px;
  --pt-main-pad-top: 20px;
  --pt-main-pad-x-min: 20px;
  --pt-main-pad-x-max: 44px;
  --pt-main-pad-bottom: 56px;
  --pt-main-pad-mobile: 16px;
  --pt-main-pad-bottom-mobile: 48px;
  --pt-gap-grid: 14px;
  --pt-gap-grid-mobile: 10px;
  --pt-panel-pad-y: 20px;
  --pt-panel-pad-x: 22px;
  --pt-panel-pad-y-mobile: 16px;
  --pt-panel-pad-x-mobile: 14px;
  --pt-panel-head-gap: 16px;
  --pt-card-pad: 18px;
  --pt-card-min-height: 196px;
  --pt-header-pad-top: 28px;
  --pt-header-pad-bottom: 32px;
  --pt-nav-height: 40px;
  --pt-nav-height-mobile: 48px;
  /* radius */
  --pt-radius: 16px;
  --pt-radius-sm: 10px;
  --pt-radius-pill: 999px;
  --pt-radius-glyph: 8px;
  --pt-radius-glyph-sm: 6px;
  --pt-radius-seg: 17px;
  --pt-radius-seg-btn: 14px;
  --pt-radius-icon-box: 12px;
  --pt-radius-swatch: 2px;
  /* shadow */
  --pt-shadow-panel: inset 0 1px 0 #f1f3f912;
  --pt-shadow-card-accent: inset 0 1px 0 #f1f3f912, inset 0 -24px 40px -28px #8bb1f738;
  --pt-shadow-tooltip: 0 10px 28px #02040bb3;
  --pt-shadow-login-card: inset 0 1px 0 #f1f3f917, 0 24px 60px -24px #02040be6, 0 0 80px -30px #366bd380;
  /* blur */
  --pt-blur-panel: 14px;
  --pt-blur-pill: 12px;
  --pt-blur-sidebar: 20px;
  --pt-blur-login: 18px;
  --pt-blur-orbit: 10px;
  /* breakpoint */
  --pt-bp-cards-top: 1279px;
  --pt-bp-lg: 1180px;
  --pt-bp-md: 1023px;
  --pt-bp-login: 900px;
  --pt-bp-sm: 760px;
  --pt-bp-xs: 480px;
  /* type.families */
  --font-display: "Shippori Mincho", "Hiragino Mincho ProN", serif;
  --font-num: Inter, "Noto Sans JP", sans-serif;
  --font-sans: "Noto Sans JP", system-ui, sans-serif;
}

/* このサイトで足したトークン（3サイトの印の色。印＝点・線・上端の光にだけ使い、面や本文は塗らない）
 * 最も明るいガラス面（光の上）でのコントラスト比：2ndcore 6.4、templatecore 6.1、buzzcore 8.6（いずれも 3:1 以上）
 * 2ndcore は pt-ch-x、templatecore は pt-ch-seminar と同じ値。buzzcore は琥珀（pt-lights と色相が近いため、状態表・警告の隣には置かない） */
:root {
  --pt-site-2ndcore: oklch(73% 0.12 245);
  --pt-site-templatecore: oklch(73% 0.13 292);
  --pt-site-buzzcore: oklch(82% 0.12 80);
}