/* こうづき眼科 Design System — global CSS entry point.
   Consumers link ONLY this file. It is a list of @imports; add no rules here. */
@import './tokens/fonts.css';
@import './tokens/colors.css';
@import './tokens/typography.css';
@import './tokens/mobile-typography.css';
@import './tokens/pc-typography.css';
@import './tokens/spacing.css';
@import './tokens/fig-tokens.css';
@import './tokens/fig-typography.css';

/* Baseline links so consumer designs never fall back to browser blue. */
a { color: var(--kg-navy); text-decoration: none; }
a:hover { color: var(--kg-blue); text-decoration: underline; }

/* スクロール/ジャンプ時に未描画部分が「真っ白」に見える現象の緩和（2026-08-07 保坂様承認の応急対策）。
   ページの下地＝コンポジタのベース色をサイト基調色に。描画済みの見た目には影響しない。 */
html { background: var(--kg-surface); }