/*
 * alive-design-tokens / tokens.css
 * Generated from source/css/*.css
 * Generated at 2026-04-30T05:43:29.103Z
 */
:root {

  /* Color */
  --color-border-base: #d9d9d9;
  --color-brand-primary: #e73227;
  --color-overlay-white-15: rgba(255, 255, 255, 0.15);
  --color-overlay-white-50: rgba(255, 255, 255, 0.5);
  --color-overlay-white-90: rgba(255, 255, 255, 0.9);
  --color-particles-accent: #13e8e9;
  --color-particles-bg: #000022;
  --color-shadow-mono-20: rgba(0, 0, 0, 0.2);
  --color-surface-alt: #f7f7f7;
  --color-surface-base: #ffffff;
  --color-surface-inverse: #000000;
  --color-surface-subtle: #eff0f3;
  --color-text-base: #191919;
  --color-text-disabled: #9f9f9f;
  --color-text-muted: #707070;
  --color-text-muted-alt: #757575;
  --color-text-sub: #2c2c2c;
  --color-transparent: transparent;
  --color-raw-rgba255255255: rgba(255, 255, 255);

  /* Font Family */
  --font-family-en: "Roboto", sans-serif;
  --font-family-fallback-sans: Helvetica, Arial, sans-serif;
  --font-family-jp: "Noto Sans JP", sans-serif;
  --font-family-jp-serif: YuMincho, "Yu Mincho", serif;

  /* Font Size */
  --font-size-50: 1.2rem;
  --font-size-75: 1.3rem;
  --font-size-80em: .8em;
  --font-size-100: 1.4rem;
  --font-size-110: 1.1em;
  --font-size-125: 1.5rem;
  --font-size-150: 1.6rem;
  --font-size-200: 1.8rem;
  --font-size-250: 2rem;
  --font-size-275: 2.3rem;
  --font-size-300: 2.5rem;
  --font-size-325: 2.6rem;
  --font-size-350: 2.8rem;
  --font-size-400: 3rem;
  --font-size-425: 3.3rem;
  --font-size-450: 3.5rem;
  --font-size-500: 4rem;
  --font-size-600: 5rem;
  --font-size-650: 5.5rem;
  --font-size-700: 6rem;
  --font-size-800: 7rem;
  --font-size-base-html-default: 16px;
  --font-size-base-html-px: 10px;

  /* Font Weight */
  --font-weight-bold: 700;
  --font-weight-bold-keyword: bold;
  --font-weight-medium: 500;
  --font-weight-regular: 400;
  --font-weight-semibold: 600;

  /* Line Height */
  --line-height-base: 1.5;
  --line-height-double: 2;
  --line-height-fixed-14: 14px;
  --line-height-loose: 1.9;
  --line-height-relaxed: 1.75;
  --line-height-snug: 1.6;
  --line-height-tight: 1.25;

  /* Breakpoint */
  --breakpoint-desktop-lg: 1440px;
  --breakpoint-mobile: 600px;
  --breakpoint-tablet: 1024px;
  --breakpoint-tablet-sm: 768px;

  /* Spacing */
  --space-0: 0px;
  --space-10: 2px;
  --space-20: 4px;
  --space-25: 5px;
  --space-40: 8px;
  --space-50: 10px;
  --space-65: 13px;
  --space-70: 14px;
  --space-75: 15px;
  --space-80: 16px;
  --space-90: 18px;
  --space-100: 20px;
  --space-115: 23px;
  --space-120: 24px;
  --space-125: 25px;
  --space-130: 26px;
  --space-150: 30px;
  --space-160: 32px;
  --space-175: 35px;
  --space-200: 40px;
  --space-225: 45px;
  --space-240: 48px;
  --space-250: 50px;
  --space-275: 55px;
  --space-300: 60px;
  --space-350: 70px;
  --space-375: 75px;
  --space-400: 80px;
  --space-500: 100px;
  --space-620: 124px;
  --space-700: 150px;
  --space-em-0-2: 0.2em;
  --space-em-0-5: 0.5em;
  --space-em-0-15: 0.15em;
  --space-em-1: 1em;
  --space-em-1-5: 1.5em;
  --space-em-neg-0-15: -0.15em;
  --space-neg-25: -5px;
  --space-neg-50: -10px;
  --space-neg-75: -15px;
  --space-neg-125: -25px;
  --space-rem-1: 1rem;
  --space-rem-2: 2rem;
  --space-rem-4: 4rem;

  /* Border Radius */
  --radius-full: 50%;
  --radius-lg: 10px;
  --radius-md: 5px;
  --radius-sm: 3px;
  --radius-xl: 16px;

  /* Shadow */
  --shadow-drop-lg: 0 10px 20px #9F9F9F;
  --shadow-drop-md: 5px 5px 20px #9F9F9F;

  /* Z-index */
  --z-base: 0;
  --z-below: -1;
  --z-header: 1000;
  --z-overlay: 9999;
  --z-raised: 1;

  /* Duration */
  --duration-450ms: 450ms;
  --duration-base: 0.3s;
  --duration-fast: 0.2s;
  --duration-instant: 0.01ms;
  --duration-none: 0ms;
  --duration-slow: 0.5s;
  --duration-slower: 1s;
  --duration-slowest: 1.5s;

  /* Easing */
  --easing-brand-in-out: cubic-bezier(0.8, 0, 0.17, 1);
  --easing-ease: ease;
}