/*
 * TOBIRA Design System — shared web foundations
 * Source of truth: approved Figma V1.1 library (2026-08-02).
 *
 * Figma contains 47 variables across three collections. Primitive and semantic
 * aliases intentionally share WEB code syntax, leaving 35 distinct CSS tokens:
 * 11 colors and 24 dimensions.
 */

:root {
  color-scheme: dark;

  /* Color */
  --tobira-bg-deep: #060606;
  --tobira-bg: #0a0a0a;
  --tobira-surface: #121212;
  --tobira-surface-warm: #181816;
  --tobira-paper: #f2efe9;
  --tobira-ink: #f2efe9;
  --tobira-ink-dim: #b3afa6;
  --tobira-ink-faint: #79766e;
  --tobira-line: rgba(242, 239, 233, .12);
  --tobira-line-strong: rgba(242, 239, 233, .26);
  --tobira-accent: #ff8068;

  /* Spacing */
  --tobira-space-2xs: 4px;
  --tobira-space-xs: 8px;
  --tobira-space-sm: 10px;
  --tobira-space-md: 12px;
  --tobira-space-lg: 18px;
  --tobira-space-xl: 22px;
  --tobira-space-2xl: 26px;
  --tobira-space-3xl: 44px;
  --tobira-space-4xl: 52px;
  --tobira-space-5xl: 84px;
  --tobira-space-6xl: 120px;

  /* Radius */
  --tobira-radius-none: 0px;
  --tobira-radius-media: 10px;
  --tobira-radius-stage: 22px;
  --tobira-radius-full: 999px;
  --tobira-radius-panel: 18px;
  --tobira-radius-glass: 32px;

  /* Controls */
  --tobira-control-header: 48px;
  --tobira-control-icon-sm: 30px;
  --tobira-control-icon-md: 40px;
  --tobira-control-icon-touch: 44px;
  --tobira-control-filter: 52px;
  --tobira-control-navigation-width: 180px;
  --tobira-control-search-closed-width: 48px;

  /* Runtime and typography contracts shared by both gallery surfaces. */
  --tobira-accent-pastel: var(--tobira-accent);
  --tobira-ease: cubic-bezier(.19, 1, .22, 1);
  --tobira-font-body: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans JP", sans-serif;
  --tobira-font-display: "Mulish", var(--tobira-font-body);
  --tobira-font-japanese: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", Meiryo, sans-serif;
  --tobira-font-code: "IBM Plex Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;
}
