/* Generated from design-tokens.json. Do not edit by hand. */
:root {
  color-scheme: light;

  /* Color */
  --bg-base: #FFFFFF;
  --bg-surface: #FFFFFF;
  --bg-elevated: #FFFFFF;
  --bg-soft: #F4F1EC;
  --bg-control-idle: #E9E4DC;
  --bg-translucent: rgb(255 255 255 / 88%);
  --overlay-hover: rgb(32 27 20 / 6%);
  --overlay-pressed: rgb(32 27 20 / 10%);
  --focus-halo: rgb(219 55 0 / 18%);
  --scrim: rgb(32 27 20 / 56%);
  --border-subtle: #F0E6D8;
  --border-default: #8D8980;
  --border-disabled: #C8C2B8;
  --border-shadow: #DDD6CC;
  --shadow-pop-color: var(--text-primary);
  --border-strong: var(--accent);
  --text-primary: #201B14;
  --text-secondary: #55504A;
  --text-muted: #706D67;
  --text-disabled: #B3ADA1;
  --text-inverse: #FFFFFF;
  --brand-primary: #FF4000;
  --accent: #DB3700;
  --accent-solid: var(--brand-primary);
  --accent-solid-hover: #FF6A38;
  --accent-solid-active: #9E2800;
  --accent-soft: var(--decor-coral-soft);
  --on-accent: var(--text-primary);
  --on-accent-active: var(--text-inverse);
  --focus-ring: var(--accent);
  --success-fg: #008240;
  --warning-fg: #AD6200;
  --danger-fg: #E5006B;
  --info-fg: #006A85;
  --success-bg: #F9FDFB;
  --warning-bg: #FEFDFB;
  --danger-bg: #FEFCFD;
  --info-bg: #F2FBFF;
  --success-solid: #00783C;
  --warning-solid: #9C5800;
  --danger-solid: #CC005F;
  --danger-solid-hover: #E5006B;
  --danger-solid-active: #9F004A;
  --danger-deep: #760037;
  --info-solid: #006A85;
  --on-success: var(--text-inverse);
  --on-warning: var(--text-inverse);
  --on-danger: var(--text-inverse);
  --on-info: var(--text-inverse);
  --on-decor: var(--text-primary);
  --decor-coral-soft: #FFE9E0;
  --decor-sun: #FFD84D;
  --decor-sun-hover: #FFE477;
  --decor-sun-active: #F2C52C;
  --decor-mint: #66D9A8;
  --decor-sky: #69C4FF;
  --decor-grape: #B69CFF;
  --decor-sun-soft: #FFF5C2;
  --decor-mint-soft: #DFF8EC;
  --decor-sky-soft: #E5F4FF;
  --decor-grape-soft: #F0EAFF;

  /* Font family */
  --font-heading: "Jua", "Neural Sans KR", sans-serif;
  --font-sans: "Neural Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans KR", "Apple SD Gothic Neo", sans-serif;
  --font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;

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

  /* Type scale */
  --text-display-lg: clamp(3rem, 7vw, 5rem);
  --text-display-sm: clamp(2.5rem, 5vw, 4rem);
  --text-heading-1: clamp(2.25rem, 4vw, 3rem);
  --text-heading-2: clamp(1.75rem, 3vw, 2rem);
  --text-heading-3: 1.5rem;
  --text-title-lg: 1.25rem;
  --text-title-sm: 1.125rem;
  --text-body-lg: 1rem;
  --text-body-md: 0.9375rem;
  --text-body-sm: 0.875rem;
  --text-label-lg: 0.875rem;
  --text-label-sm: 0.8125rem;
  --text-caption: 0.75rem;
  --text-code: 0.8125rem;

  /* Line height */
  --leading-display-lg: 1.14;
  --leading-display-sm: 1.167;
  --leading-heading-1: 1.2;
  --leading-heading-2: 1.25;
  --leading-heading-3: 1.33;
  --leading-title-lg: 1.4;
  --leading-title-sm: 1.444;
  --leading-body-lg: 1.625;
  --leading-body-md: 1.6;
  --leading-body-sm: 1.571;
  --leading-label-lg: 1.43;
  --leading-label-sm: 1.385;
  --leading-caption: 1.5;
  --leading-code: 1.54;

  /* Radius */
  --radius-xs: 0.375rem;
  --radius-sm: 0.5rem;
  --radius-control: 0.75rem;
  --radius-card: 1.25rem;
  --radius-lg: 1.75rem;
  --radius-pill: 999px;

  /* Shadow */
  --shadow-ambient-sm: 0 1px 2px rgb(32 27 20 / 6%), 0 4px 12px rgb(32 27 20 / 4%);
  --shadow-ambient-md: 0 2px 4px rgb(32 27 20 / 7%), 0 10px 28px rgb(32 27 20 / 8%);
  --shadow-ambient-lg: 0 12px 40px rgb(32 27 20 / 14%);
  --shadow-surface: 0 1px 2px rgb(32 27 20 / 6%), 0 4px 12px rgb(32 27 20 / 4%);
  --shadow-elevated: 0 12px 40px rgb(32 27 20 / 14%);
  --shadow-pop-rest: 0 3px 0 var(--shadow-pop-color);
  --shadow-pop-hover: 0 4px 0 var(--shadow-pop-color);
  --shadow-pop-pressed: 0 1px 0 var(--shadow-pop-color);
  --shadow-pop-card: 0 5px 0 var(--shadow-pop-color);
  --shadow-pop-card-hover: 0 8px 0 var(--shadow-pop-color);
  --shadow-pop-danger-rest: 0 3px 0 var(--danger-deep);
  --shadow-pop-danger-hover: 0 4px 0 var(--danger-deep);
  --shadow-pop-danger-pressed: 0 1px 0 var(--danger-deep);
  --shadow-inset-control: inset 0 2px 0 rgb(32 27 20 / 8%);
  --shadow-inset-panel: inset 0 7px 0 var(--panel-accent);
  --shadow-field: 0 2px 0 var(--border-shadow);
  --shadow-field-focus: 0 0 0 4px var(--focus-halo), 0 2px 0 var(--accent);
  --shadow-field-success: 0 2px 0 var(--success-fg);
  --shadow-field-error: 0 2px 0 var(--danger-fg);
  --shadow-tab-selected: 0 2px 0 var(--shadow-pop-color);
  --shadow-focus: 0 0 0 4px var(--focus-halo);
  --shadow-control: 0 3px 0 var(--shadow-pop-color);
  --shadow-control-danger: 0 3px 0 var(--danger-deep);

  /* Gradient */
  --gradient-warm: linear-gradient(135deg, var(--decor-coral-soft) 0%, var(--decor-sun-soft) 100%);
  --gradient-fresh: linear-gradient(135deg, var(--decor-mint-soft) 0%, var(--decor-sky-soft) 100%);
  --gradient-dream: linear-gradient(135deg, var(--decor-sky-soft) 0%, var(--decor-grape-soft) 100%);
  --gradient-hero-glow: radial-gradient(circle at 82% 0%, rgb(255 64 0 / 12%), transparent 30rem);
  --gradient-shimmer: linear-gradient(100deg, transparent 20%, rgb(255 255 255 / 70%) 50%, transparent 80%);

  /* Opacity */
  --opacity-disabled: 0.45;
  --opacity-decoration: 0.35;
  --opacity-muted: 0.64;

  /* Blur */
  --blur-overlay: 12px;

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

  /* Control size */
  --control-sm: 2.25rem;
  --control-md: 2.75rem;
  --control-lg: 3.25rem;

  /* Icon size */
  --icon-sm: 1rem;
  --icon-md: 1.25rem;
  --icon-lg: 1.5rem;
  --icon-xl: 2rem;
  --icon-2xl: 2.5rem;
  --icon-3xl: 3rem;

  /* Icon stroke */
  --icon-stroke-default: 2;
  --icon-stroke-emphasis: 2.5;

  /* Stroke */
  --stroke-hairline: 1px;
  --stroke-subtle: 1.5px;
  --stroke-default: 2px;
  --stroke-emphasis: 3px;

  /* Motion */
  --motion-duration-fast: 120ms;
  --motion-duration-normal: 200ms;
  --motion-duration-slow: 320ms;
  --motion-ease-standard: cubic-bezier(0.2, 0.8, 0.2, 1);
  --motion-ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);

  /* Breakpoint */
  --breakpoint-sm: 30rem;
  --breakpoint-md: 51.25rem;
  --breakpoint-lg: 70rem;

  /* Layout */
  --layout-container-sm: 40rem;
  --layout-container-md: 56rem;
  --layout-container-lg: 70rem;
  --layout-gutter: 1.5rem;
  --layout-gutter-compact: 1rem;

  /* Z-index */
  --z-base: 0;
  --z-raised: 10;
  --z-dropdown: 100;
  --z-sticky: 200;
  --z-overlay: 400;
  --z-modal: 500;
  --z-toast: 600;
  --z-skip: 700;
}