/* T&N Product Design System 0.1.0 — Phase UI-0 design tokens only. */
:root {
  color-scheme: light;

  --tnp-color-black: #101010;
  --tnp-color-black-soft: #191919;
  --tnp-color-white: #ffffff;
  --tnp-color-ivory: #fbf8f5;
  --tnp-color-ivory-deep: #f1ece5;
  --tnp-color-gold: #ad8b50;
  --tnp-color-gold-soft: #dbc59a;
  --tnp-color-gold-deep: #806431;
  --tnp-color-background: var(--tnp-color-ivory);
  --tnp-color-surface: var(--tnp-color-white);
  --tnp-color-surface-alt: var(--tnp-color-ivory-deep);
  --tnp-color-text: #211e1a;
  --tnp-color-text-muted: #706960;
  --tnp-color-text-inverse: #fffdf8;
  --tnp-color-text-inverse-muted: #c9c1b6;
  --tnp-color-border: #ded4c4;
  --tnp-color-border-strong: #c8b99f;
  --tnp-color-success: #2f6f50;
  --tnp-color-success-soft: #e8f4ec;
  --tnp-color-warning: #8a5a16;
  --tnp-color-warning-soft: #fff3d8;
  --tnp-color-danger: #9e4038;
  --tnp-color-danger-soft: #fbe9e7;
  --tnp-color-info: #315f78;
  --tnp-color-info-soft: #e7f1f6;
  --tnp-color-disabled: #6d655d;
  --tnp-color-overlay: rgb(16 16 16 / 64%);
  --tnp-color-focus: rgb(173 139 80 / 38%);
  --tnp-color-header-glass: rgb(255 255 255 / 94%);
  --tnp-color-nav-glass: rgb(16 16 16 / 96%);
  --tnp-color-nav-shadow: rgb(16 16 16 / 20%);
  --tnp-color-safety-glass: rgb(251 248 245 / 96%);
  --tnp-color-gold-wash: rgb(173 139 80 / 15%);
  --tnp-color-gold-border-subtle: rgb(219 197 154 / 18%);
  --tnp-color-gold-border: rgb(173 139 80 / 24%);
  --tnp-color-gold-line: rgb(173 139 80 / 34%);

  --tnp-font-sans: "Noto Sans JP", "Yu Gothic", "Hiragino Kaku Gothic ProN", system-ui, sans-serif;
  --tnp-font-display: Georgia, "Yu Mincho", "Hiragino Mincho ProN", serif;
  --tnp-font-size-xs: 0.75rem;
  --tnp-font-size-sm: 0.8125rem;
  --tnp-font-size-md: 0.9375rem;
  --tnp-font-size-lg: 1.125rem;
  --tnp-font-size-xl: 1.375rem;
  --tnp-font-size-2xl: 1.75rem;
  --tnp-font-size-3xl: clamp(2rem, 7vw, 3.75rem);
  --tnp-line-height-tight: 1.25;
  --tnp-line-height-normal: 1.65;
  --tnp-line-height-relaxed: 1.8;

  --tnp-space-0: 0;
  --tnp-space-1: 0.25rem;
  --tnp-space-2: 0.5rem;
  --tnp-space-3: 0.75rem;
  --tnp-space-4: 1rem;
  --tnp-space-5: 1.25rem;
  --tnp-space-6: 1.5rem;
  --tnp-space-8: 2rem;
  --tnp-space-10: 2.5rem;
  --tnp-space-12: 3rem;
  --tnp-space-16: 4rem;

  --tnp-radius-sm: 0.5rem;
  --tnp-radius-md: 0.75rem;
  --tnp-radius-lg: 1rem;
  --tnp-radius-xl: 1.375rem;
  --tnp-radius-pill: 999px;

  --tnp-shadow-sm: 0 0.25rem 1rem rgb(16 16 16 / 6%);
  --tnp-shadow-md: 0 0.75rem 2rem rgb(16 16 16 / 9%);
  --tnp-shadow-lg: 0 1.25rem 3.75rem rgb(16 16 16 / 16%);

  --tnp-container-sm: 40rem;
  --tnp-container-md: 64rem;
  --tnp-container-lg: 80rem;
  --tnp-sidebar-compact: 5.25rem;
  --tnp-sidebar-wide: 15rem;
  --tnp-header-height: 4rem;
  --tnp-bottom-nav-height: 4.5rem;
  --tnp-touch-min: 44px;

  --tnp-z-header: 40;
  --tnp-z-navigation: 50;
  --tnp-z-overlay: 80;
  --tnp-z-modal: 90;
  --tnp-z-toast: 100;

  --tnp-duration-fast: 120ms;
  --tnp-duration-normal: 200ms;
  --tnp-ease-standard: cubic-bezier(0.2, 0.8, 0.2, 1);
  --tnp-transition-interactive: color var(--tnp-duration-fast) var(--tnp-ease-standard), background-color var(--tnp-duration-normal) var(--tnp-ease-standard), border-color var(--tnp-duration-normal) var(--tnp-ease-standard), transform var(--tnp-duration-fast) var(--tnp-ease-standard), box-shadow var(--tnp-duration-normal) var(--tnp-ease-standard);
}