/**
 * 島誌 Daiji — Public Web design tokens
 * Synced from mobile-app/theme (light palette)
 */
:root {
  /* Palette */
  --color-charcoal: #1c1e21;
  --color-sea-mist: #8fafb1;
  --color-shell-white: #f7f6f2;
  --color-mist-wash: #d8e5e4;
  --color-interaction-active: #f28a3a;

  /* Semantic backgrounds */
  --bg-primary: #f7f6f2;
  --bg-secondary: #ffffff;
  --bg-tertiary: #f0efec;
  --bg-soft: #f0efec;

  /* Text */
  --text-primary: #1c1e21;
  --text-secondary: #5c5f63;
  --text-caption: #8a8e91;

  /* Borders */
  --border-soft: rgba(28, 30, 33, 0.08);
  --border-divider: rgba(28, 30, 33, 0.08);
  --border-divider-strong: rgba(28, 30, 33, 0.12);
  --border-card: rgba(28, 30, 33, 0.08);

  /* Feed / grid (homeDesignTokens) */
  --grid-surface: #ffffff;
  --grid-text-primary: #18181a;
  --grid-text-secondary: #6f7075;
  --grid-metadata: #929398;
  --grid-border: #eeeef0;

  /* Spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-card: 20px;
  --space-page: 24px;
  --space-section: 40px;
  --feed-padding-h: 16px;
  --feed-gap: 10px;

  /* Radius */
  --radius-input: 16px;
  --radius-button: 18px;
  --radius-hero: 20px;
  --radius-card: 14px;
  --radius-pill: 999px;

  /* Typography */
  --font-serif: "Noto Serif TC", "Songti TC", serif;
  --font-sans: "Noto Sans TC", "PingFang TC", "Helvetica Neue", sans-serif;
  --text-size-caption: 13px;
  --text-size-body: 16px;
  --text-size-card-title: 18px;
  --text-size-section: 24px;
  --text-size-page: 32px;
  --line-caption: 18px;
  --line-body: 24px;

  /* Profile */
  --profile-cover-height: 190px;
  --avatar-xl: 88px;
  --avatar-sm: 32px;

  /* Layout */
  --content-max: 480px;
  --content-max-wide: 640px;
  --page-pad: clamp(16px, 4vw, 24px);

  /* Media */
  --aspect-portrait-min: 0.8;
}