/* =========================================================
   SITE 114 — CONCAFE CAST SCHEDULE / デザイントークン
   配色: ホワイト #FFFFFF / ブルー #4D75C9 / ライトブルー #DFE8FA / チャコール #2C3442
   書体: Inter + Noto Sans JP（システムフォールバック必須）
   角丸: 8px に統一（0/4/8/12/16 のうち 8 を採用。混在させない）
   影  : 2段階まで
   このテンプレートは「出勤表中心」。装飾より一覧性・可読性・実測コントラストを優先する。
   ========================================================= */
:root {
  /* --- 基本色 --- */
  --c-white: #ffffff;
  --c-blue: #4d75c9;
  --c-blue-dark: #385a9e;   /* 対 白 = 6.3:1（テキスト・リンク用の濃色） */
  --c-lblue: #dfe8fa;
  --c-lblue-050: #eef3fc;
  --c-charcoal: #2c3442;

  /* --- 用途色 --- */
  --c-bg: var(--c-white);
  --c-bg-alt: var(--c-lblue-050);
  --c-bg-band: var(--c-lblue);
  --c-surface: #ffffff;
  --c-ink: var(--c-charcoal);      /* 対 白 = 12.6:1 */
  --c-ink-muted: #545e70;          /* 対 白 = 6.6:1 */
  --c-ink-onblue: #ffffff;         /* 対 #4D75C9 = 4.6:1 */
  --c-accent: var(--c-blue);
  --c-accent-strong: var(--c-blue-dark);
  --c-accent-hover: #3f65b3;
  --c-line: #d5deee;
  --c-line-strong: #b9c8e6;
  --c-focus: #1d4ed8;
  --c-warn-bg: #fdf3e2;
  --c-warn-line: #e4c789;
  --c-ok-bg: #e9f4ec;
  --c-ok-line: #a1cdae;
  --c-error: #a3243f;
  --c-error-bg: #fdeef1;

  /* --- 書体 --- */
  --f-latin: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --f-body: "Noto Sans JP", "Inter", "Hiragino Sans", "Yu Gothic UI", "Meiryo", system-ui, sans-serif;

  /* --- 文字サイズ（14px 未満を作らない） --- */
  --fs-body: 1rem;         /* 16px */
  --fs-body-lg: 1.0625rem; /* 17px */
  --fs-note: 0.875rem;     /* 14px */
  --fs-label: 0.9375rem;   /* 15px */
  --fs-h1: clamp(1.625rem, 1.2rem + 1.8vw, 2.375rem);
  --fs-h2: clamp(1.3125rem, 1.05rem + 1vw, 1.75rem);
  --fs-h3: clamp(1.125rem, 1rem + 0.5vw, 1.3125rem);
  --fs-h4: 1.0625rem;
  --fs-hero: clamp(1.375rem, 1.05rem + 1.2vw, 1.875rem);
  --fs-deco: 0.8125rem;

  /* --- 行間 --- */
  --lh-head: 1.35;
  --lh-body: 1.7;
  --lh-tight: 1.4;

  /* --- 余白 --- */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;
  --sp-9: 88px;

  /* --- 幅 --- */
  --w-container: 1160px;
  --w-narrow: 800px;
  --gutter: 20px;

  /* --- 角丸（8px 統一） --- */
  --r: 8px;
  --r-sm: 6px;

  /* --- 影（2段階まで） --- */
  --sh-1: 0 1px 2px rgba(44, 52, 66, 0.07), 0 2px 8px rgba(44, 52, 66, 0.06);
  --sh-2: 0 8px 24px rgba(44, 52, 66, 0.14);

  /* --- 部品寸法 --- */
  --h-header: 64px;
  --h-datetabs: 56px;
  --h-ctabar: 58px;
  --tap: 44px;
}

html { font-size: 100%; }

body {
  background: var(--c-bg);
  color: var(--c-ink);
  font-family: var(--f-body);
  font-size: var(--fs-body);
  line-height: var(--lh-body);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4 {
  font-family: var(--f-body);
  line-height: var(--lh-head);
  font-weight: 700;
  letter-spacing: -0.01em;
  color: var(--c-charcoal);
}

strong { font-weight: 700; }

.num, time, .price, .tel { font-variant-numeric: tabular-nums; font-family: var(--f-latin), var(--f-body); }