/* [project]/src/styles/base.css [app-client] (css) */
:root {
  --text-xs: .78rem;
  --text-sm: .9rem;
  --text-base: 1.05rem;
  --text-lg: 1.25rem;
  --text-xl: 1.6rem;
  --text-2xl: 2.2rem;
  --text-3xl: 3.2rem;
  --text-4xl: 4.6rem;
  --text-5xl: 7rem;
  --leading-tight: .98;
  --leading-snug: 1.25;
  --leading-body: 1.6;
  --tracking-tight: -.01em;
  --tracking-normal: 0;
  --tracking-wide: .22em;
  --weight-light: 300;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-bold: 700;
  --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;
  --space-11: 180px;
  --measure: 64ch;
  --gutter: var(--space-5);
  --page-pad: clamp(20px, 5vw, 96px);
  --section-gap: clamp(64px, 10vw, 180px);
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 24px;
  --radius-xl: 34px;
  --radius-2xl: 48px;
  --radius-pill: 999px;
  --ease-soft: cubic-bezier(.22, 1, .36, 1);
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --ease-in-out: cubic-bezier(.65, 0, .35, 1);
  --dur-fast: .16s;
  --dur-mid: .32s;
  --dur-slow: .6s;
  --dur-hero: .9s;
  --parallax-soft: .12;
  --lift-hover: translateY(-6px);
  --tilt-hover: perspective(1100px) rotateX(2.5deg) rotateY(-3deg);
}

*, :before, :after {
  box-sizing: border-box;
}

html {
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  background: var(--bg);
  min-height: 100vh;
  color: var(--text-body);
  font-family: var(--font-body);
  font-size: var(--text-base);
  line-height: var(--leading-body);
  font-weight: var(--weight-regular);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizelegibility;
  margin: 0;
}

h1, h2, h3, h4 {
  color: var(--text-strong);
  font-family: var(--font-display);
  line-height: var(--leading-tight);
  font-weight: var(--weight-medium);
  margin: 0;
}

a {
  color: inherit;
  text-decoration: none;
}

img {
  max-width: 100%;
  display: block;
}

@media (prefers-reduced-motion: reduce) {
  *, :before, :after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

/* [project]/src/styles/themes/yatai.css [app-client] (css) */
[data-theme="yatai"] {
  --font-poster: "Anton", "Oswald", sans-serif;
  --font-display: "Oswald", "Arial Narrow", sans-serif;
  --font-body: "IBM Plex Sans", system-ui, -apple-system, sans-serif;
  --font-script: "Caveat", "Segoe Script", cursive;
  --ink-950: #07080b;
  --ink-900: #0c0e13;
  --ink-850: #11141b;
  --ink-800: #171b24;
  --ink-700: #232834;
  --ink-600: #38404f;
  --paper-50: #eef1f5;
  --paper-100: #e4e8ee;
  --paper-200: #d2d8e1;
  --paper-300: #b6bfcc;
  --paper-400: #97a2b2;
  --vermilion-300: #ff6a4d;
  --vermilion-400: #f8482c;
  --vermilion-500: #e6341a;
  --vermilion-600: #c32413;
  --vermilion-700: #97180c;
  --neon-300: #6bfcde;
  --neon-400: #16e6c2;
  --neon-500: #07c4a6;
  --cool-white: #eef2f8;
  --cool-grey-300: #a4afbf;
  --cool-grey-500: #6c7689;
  --positive: #2fb98a;
  --negative: #ff3b5c;
  --bg: var(--ink-900);
  --surface-1: var(--ink-850);
  --surface-card: var(--ink-800);
  --paper: var(--paper-100);
  --paper-soft: var(--paper-50);
  --text-strong: var(--cool-white);
  --text-body: var(--cool-grey-300);
  --text-muted: var(--cool-grey-500);
  --text-on-paper: var(--ink-900);
  --text-on-paper-muted: var(--ink-600);
  --accent: var(--vermilion-500);
  --accent-hover: var(--vermilion-400);
  --accent-press: var(--vermilion-600);
  --on-accent: #fff3f0;
  --neon: var(--neon-400);
  --border-dark: #eef2f81a;
  --border-paper: var(--paper-300);
  --shadow-sm: 0 1px 2px #00000057, 0 3px 9px #0000004d;
  --shadow-md: 0 4px 12px #0006, 0 16px 34px #00000075;
  --shadow-lg: 0 10px 24px #00000075, 0 34px 70px #0405089e;
  --shadow-paper: 0 2px 6px #0d0f141f, 0 18px 44px #0d0f1433;
  --shadow-glow: 0 12px 28px #00000080, 0 18px 50px #e6341a57;
  --shadow-neon: 0 0 0 1px #16e6c266, 0 10px 34px #16e6c242;
}

/* [project]/src/app/(frontend)/styles.css [app-client] (css) */


/*# sourceMappingURL=src_0c3mtke._.css.map*/