/* Anone Publishing design tokens — build/tokens.py が書き出す。手で直さない。
   書体: https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600&family=EB+Garamond:ital,wght@0,400;0,500;1,400&family=Shippori+Mincho:wght@500;600&display=swap */
:root {
  --font-display: 'Cormorant Garamond', 'Shippori Mincho', 'Hiragino Mincho ProN', 'Yu Mincho', serif;
  --font-body: 'EB Garamond', 'Shippori Mincho', 'Hiragino Mincho ProN', 'Yu Mincho', serif;
  --font-ja: 'Shippori Mincho', 'Hiragino Mincho ProN', 'Yu Mincho', serif;
  --font-numeric: 'EB Garamond', 'Times New Roman', serif;
  --font-ui: system-ui, -apple-system, 'Hiragino Sans', 'Noto Sans JP', sans-serif;
  --weight-display: 500;
  --weight-display-strong: 600;
  --weight-body: 400;
  --weight-body-strong: 500;
  --weight-ja: 500;
  --size-xs: 0.75rem;
  --size-sm: 0.875rem;
  --size-base: 1.125rem;
  --size-ja-base: 1.0625rem;
  --size-md: 1.375rem;
  --size-lg: 1.75rem;
  --size-xl: 2.25rem;
  --size-2xl: 2.875rem;
  --size-3xl: 3.625rem;
  --leading-tight: 1.15;
  --leading-heading: 1.3;
  --leading-body: 1.75;
  --leading-ja-body: 1.9;
  --tracking-caps: 0.18em;
  --tracking-ja-heading: 0.08em;
  --tracking-normal: 0;
  --tracking-ja-body: 0.04em;
  --space-0: 0;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 128px;
  --radius-none: 0;
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 8px;
  --radius-pill: 999px;
  --color-bg: #F7F2E6;
  --color-surface: #FCF9F1;
  --color-surface-sunken: #EEE6D2;
  --color-text: #101B3F;
  --color-text-muted: #4B5373;
  --color-text-faint: #62677E;
  --color-border: #DCD0B4;
  --color-border-strong: #857D69;
  --color-accent: #9A7228;
  --color-accent-text: #76571C;
  --color-accent-subtle: #EFE2C2;
  --color-link: #2A4596;
  --color-link-hover: #101B3F;
  --color-button-bg: #101B3F;
  --color-button-text: #F6F0DE;
  --color-button-bg-hover: #1E2B5E;
  --color-button-secondary-text: #101B3F;
  --color-button-secondary-border: #101B3F;
  --color-focus: #2A4596;
  --color-mark-fork: #101B3F;
  --color-mark-arcs: #9A7228;
  --shadow-sm: 0 1px 2px rgba(16,27,63,.06);
  --shadow-md: 0 1px 0 rgba(16,27,63,.04), 0 12px 28px -16px rgba(16,27,63,.28);
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --color-bg: #0B1433;
    --color-surface: #152150;
    --color-surface-sunken: #070D24;
    --color-text: #F3ECD9;
    --color-text-muted: #B9BFD6;
    --color-text-faint: #8C96BE;
    --color-border: #28356A;
    --color-border-strong: #6E79A6;
    --color-accent: #D6AD55;
    --color-accent-text: #E2BF72;
    --color-accent-subtle: #2B2E48;
    --color-link: #EBCF8F;
    --color-link-hover: #F3ECD9;
    --color-button-bg: #D6AD55;
    --color-button-text: #0B1433;
    --color-button-bg-hover: #E2BF72;
    --color-button-secondary-text: #F3ECD9;
    --color-button-secondary-border: #D6AD55;
    --color-focus: #E2BF72;
    --color-mark-fork: #F6F0DE;
    --color-mark-arcs: #D6AD55;
    --shadow-sm: 0 1px 2px rgba(0,0,0,.35);
    --shadow-md: 0 1px 0 rgba(0,0,0,.35), 0 14px 32px -18px rgba(0,0,0,.75);
    color-scheme: dark;
  }
}

:root[data-theme="light"] {
  --color-bg: #F7F2E6;
  --color-surface: #FCF9F1;
  --color-surface-sunken: #EEE6D2;
  --color-text: #101B3F;
  --color-text-muted: #4B5373;
  --color-text-faint: #62677E;
  --color-border: #DCD0B4;
  --color-border-strong: #857D69;
  --color-accent: #9A7228;
  --color-accent-text: #76571C;
  --color-accent-subtle: #EFE2C2;
  --color-link: #2A4596;
  --color-link-hover: #101B3F;
  --color-button-bg: #101B3F;
  --color-button-text: #F6F0DE;
  --color-button-bg-hover: #1E2B5E;
  --color-button-secondary-text: #101B3F;
  --color-button-secondary-border: #101B3F;
  --color-focus: #2A4596;
  --color-mark-fork: #101B3F;
  --color-mark-arcs: #9A7228;
  --shadow-sm: 0 1px 2px rgba(16,27,63,.06);
  --shadow-md: 0 1px 0 rgba(16,27,63,.04), 0 12px 28px -16px rgba(16,27,63,.28);
  color-scheme: light;
}

:root[data-theme="dark"] {
  --color-bg: #0B1433;
  --color-surface: #152150;
  --color-surface-sunken: #070D24;
  --color-text: #F3ECD9;
  --color-text-muted: #B9BFD6;
  --color-text-faint: #8C96BE;
  --color-border: #28356A;
  --color-border-strong: #6E79A6;
  --color-accent: #D6AD55;
  --color-accent-text: #E2BF72;
  --color-accent-subtle: #2B2E48;
  --color-link: #EBCF8F;
  --color-link-hover: #F3ECD9;
  --color-button-bg: #D6AD55;
  --color-button-text: #0B1433;
  --color-button-bg-hover: #E2BF72;
  --color-button-secondary-text: #F3ECD9;
  --color-button-secondary-border: #D6AD55;
  --color-focus: #E2BF72;
  --color-mark-fork: #F6F0DE;
  --color-mark-arcs: #D6AD55;
  --shadow-sm: 0 1px 2px rgba(0,0,0,.35);
  --shadow-md: 0 1px 0 rgba(0,0,0,.35), 0 14px 32px -18px rgba(0,0,0,.75);
  color-scheme: dark;
}