/* AI交換日記 — design tokens
   Generated from refs/project/tokens.json (version 2).
   Do not hand-edit values here; change tokens.json first. */

:root {
  /* --- color --- */
  --surface-100: #FFFFFF;
  --surface-050: #F2FBF8;
  --ink: #2C3A37;
  --ink-muted: #5F706C;
  --border: #DCEAE6;
  --accent: #5BC8AC;
  --on-accent: var(--ink);
  --accent-soft: #98DBC6;
  --accent-deep: #2A7A66;

  /* Diary cover swatches — decorative fills only, never text colors. */
  --cover-turquoise: var(--accent);
  --cover-aquamarine: var(--accent-soft);
  --cover-yellow: #E6D72A;
  --cover-pink: #F18D9E;
  --cover-ink: var(--ink);

  /* --- type --- */
  --font-display: 'Zen Maru Gothic', 'Hiragino Maru Gothic ProN', sans-serif;
  --font-sans: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', sans-serif;

  /* --- spacing --- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;

  /* --- radius --- */
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 28px;
  --radius-pill: 999px;

  /* --- shadow --- */
  --shadow-card: 0 1px 2px rgba(44, 58, 55, 0.06), 0 8px 24px rgba(44, 58, 55, 0.08);
}

/* --- type scale --- */

.display-lg {
  font-family: var(--font-display);
  font-size: 40px;
  line-height: 48px;
  font-weight: 700;
}

.display-sm {
  font-family: var(--font-display);
  font-size: 26px;
  line-height: 34px;
  font-weight: 700;
}

.heading {
  font-family: var(--font-sans);
  font-size: 18px;
  line-height: 26px;
  font-weight: 700;
}

.body {
  font-family: var(--font-sans);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
}

.label {
  font-family: var(--font-sans);
  font-size: 13px;
  line-height: 18px;
  font-weight: 600;
}

.caption {
  font-family: var(--font-sans);
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.button {
  font-family: var(--font-sans);
  font-size: 15px;
  line-height: 20px;
  font-weight: 700;
}