@layer tokens {
  @font-face {
    font-family: "LINE Seed JP";
    src: url("../assets/fonts/line-seed/LINESeedJP-Bold.woff2") format("woff2");
    font-display: swap;
    font-weight: 700;
  }

  @font-face {
    font-family: "LINE Seed JP";
    src: url("../assets/fonts/line-seed/LINESeedJP-ExtraBold.woff2") format("woff2");
    font-display: swap;
    font-weight: 900;
  }

  :root {
    --gray-900: oklch(0.3 0 0);
    --blue-700: oklch(0.35 0.19 265);
    --pink-500: oklch(0.68 0.18 5);
    --pink-600: oklch(0.62 0.2 5);
    --orange-500: oklch(0.71 0.18 45);
    --orange-600: oklch(0.62 0.16 45);
    --yellow-300: oklch(0.95 0.18 105);
    --purple-500: oklch(0.55 0.2 300);
    --surface-light: oklch(0.97 0.005 270);
    --border-light: oklch(0.8 0.005 270);

    --color-text-primary: var(--gray-900);
    --color-text-inverse: oklch(1 0 0);
    --color-surface: var(--surface-light);
    --color-border: var(--border-light);
    --color-accent: var(--blue-700);
    --color-instagram: var(--pink-500);
    --color-instagram-dark: var(--pink-600);
    --color-warm: var(--orange-500);
    --color-warm-dark: var(--orange-600);
    --color-highlight: var(--yellow-300);

    --font-body: 4cqi;
    --font-sans: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    --font-hero: "LINE Seed JP", "Noto Sans JP", "Hiragino Kaku Gothic ProN", sans-serif;

    --radius-full: 9999px;
    --z-sticky: 200;
  }
}