@import 'tailwindcss';

  @theme {
  --font-flare: 'flare', sans-serif;

  /* Tailwind 기본 토큰 스케일을 유지한 채 prism 토큰을 추가로 노출한다.
     이전에는 --color/spacing/radius/shadow/text/font-weight/leading/tracking 을 전부
     initial 로 지워 "prism 토큰만" 남겼으나("코드베이스가 기본 유틸을 쓰지 않음" 가정),
     실제 소비 코드베이스(web 등)는 text-sm·leading-*·font-medium·rounded-md·shadow-md·
     p-4·h-8·gap-2·bg-white·bg-gray-100 같은 Tailwind 기본 유틸을 광범위하게(수천 건) 사용한다.
     전면 제거 시 그 기본 유틸이 모두 무효화되어(base --spacing 멀티플라이어 소멸 포함)
     글자 크기·줄높이·굵기·radius·spacing·height 가 전역에서 붕괴한다.
     → 기본 스케일은 그대로 두고 prism 토큰을 얹는다. 기본↔prism 혼용을 막고 싶다면
       소비처를 prism 토큰으로 먼저 이관한 뒤 별도로 좁히는 것이 안전하다.
     prism 색·radius·shadow·space 토큰은 semantic 이름이라 기본 스케일과 충돌하지 않는다. */
  --color-transparent: transparent;
  --color-current: currentcolor;
  --spacing-0: 0;

  --color-surface-neutral-lowest: var(--surface-neutral-lowest);
--color-surface-neutral-lowest-hover: var(--surface-neutral-lowest-hover);
--color-surface-neutral-low: var(--surface-neutral-low);
--color-surface-neutral-low-hover: var(--surface-neutral-low-hover);
--color-surface-neutral-mid: var(--surface-neutral-mid);
--color-surface-neutral-mid-hover: var(--surface-neutral-mid-hover);
--color-surface-neutral-high: var(--surface-neutral-high);
--color-surface-neutral-high-hover: var(--surface-neutral-high-hover);
--color-surface-neutral-highest: var(--surface-neutral-highest);
--color-surface-neutral-static-lowest: var(--surface-neutral-static-lowest);
--color-surface-neutral-static-lowest-hover: var(--surface-neutral-static-lowest-hover);
--color-surface-neutral-variation-lowest: var(--surface-neutral-variation-lowest);
--color-control-fill-neutral-lowest: var(--control-fill-neutral-lowest);
--color-control-fill-neutral-lowest-hover: var(--control-fill-neutral-lowest-hover);
--color-control-fill-neutral-low: var(--control-fill-neutral-low);
--color-control-fill-neutral-low-hover: var(--control-fill-neutral-low-hover);
--color-control-fill-neutral-mid: var(--control-fill-neutral-mid);
--color-control-fill-neutral-mid-hover: var(--control-fill-neutral-mid-hover);
--color-control-fill-neutral-high: var(--control-fill-neutral-high);
--color-control-fill-neutral-high-hover: var(--control-fill-neutral-high-hover);
--color-control-fill-neutral-highest: var(--control-fill-neutral-highest);
--color-label-neutral-base: var(--label-neutral-base);
--color-label-neutral-secondary: var(--label-neutral-secondary);
--color-label-neutral-tertiary: var(--label-neutral-tertiary);
--color-label-neutral-quaternary: var(--label-neutral-quaternary);
--color-label-neutral-static: var(--label-neutral-static);
--color-label-neutral-static-secondary: var(--label-neutral-static-secondary);
--color-border-neutral-alpha-strong: var(--border-neutral-alpha-strong);
--color-border-neutral-alpha-normal: var(--border-neutral-alpha-normal);
--color-border-neutral-alpha-subtle: var(--border-neutral-alpha-subtle);
--color-border-neutral-alpha-hint: var(--border-neutral-alpha-hint);
--color-border-neutral-strong: var(--border-neutral-strong);
--color-border-neutral-normal: var(--border-neutral-normal);
--color-border-neutral-subtle: var(--border-neutral-subtle);
--color-surface-inverse-lowest: var(--surface-inverse-lowest);
--color-surface-inverse-lowest-hover: var(--surface-inverse-lowest-hover);
--color-surface-inverse-low: var(--surface-inverse-low);
--color-surface-inverse-low-hover: var(--surface-inverse-low-hover);
--color-surface-inverse-mid: var(--surface-inverse-mid);
--color-surface-inverse-mid-hover: var(--surface-inverse-mid-hover);
--color-surface-inverse-high: var(--surface-inverse-high);
--color-surface-inverse-high-hover: var(--surface-inverse-high-hover);
--color-surface-inverse-static-high: var(--surface-inverse-static-high);
--color-surface-inverse-static-high-hover: var(--surface-inverse-static-high-hover);
--color-surface-inverse-highest: var(--surface-inverse-highest);
--color-label-on-inverse-base: var(--label-on-inverse-base);
--color-label-on-inverse-secondary: var(--label-on-inverse-secondary);
--color-label-on-inverse-tertiary: var(--label-on-inverse-tertiary);
--color-label-on-inverse-quaternary: var(--label-on-inverse-quaternary);
--color-label-on-inverse-static-base: var(--label-on-inverse-static-base);
--color-label-on-inverse-static-secondary: var(--label-on-inverse-static-secondary);
--color-border-on-inverse-alpha-strong: var(--border-on-inverse-alpha-strong);
--color-border-on-inverse-alpha-normal: var(--border-on-inverse-alpha-normal);
--color-border-on-inverse-alpha-subtle: var(--border-on-inverse-alpha-subtle);
--color-border-on-inverse-alpha-hint: var(--border-on-inverse-alpha-hint);
--color-border-on-inverse-strong: var(--border-on-inverse-strong);
--color-border-on-inverse-normal: var(--border-on-inverse-normal);
--color-border-on-inverse-subtle: var(--border-on-inverse-subtle);
--color-control-fill-brand: var(--control-fill-brand);
--color-control-fill-brand-hover: var(--control-fill-brand-hover);
--color-control-fill-brand-strong: var(--control-fill-brand-strong);
--color-control-fill-brand-strongest: var(--control-fill-brand-strongest);
--color-control-fill-brand-faint: var(--control-fill-brand-faint);
--color-control-fill-brand-faint-hover: var(--control-fill-brand-faint-hover);
--color-label-brand-base: var(--label-brand-base);
--color-label-brand-secondary: var(--label-brand-secondary);
--color-label-brand-strongest: var(--label-brand-strongest);
--color-border-brand-subtle: var(--border-brand-subtle);
--color-border-brand-normal: var(--border-brand-normal);
--color-border-brand-strong: var(--border-brand-strong);
--color-label-on-brand: var(--label-on-brand);
--color-brandinverse-fill-static-low: var(--brandinverse-fill-static-low);
--color-brandinverse-fill-static-low-hover: var(--brandinverse-fill-static-low-hover);
--color-accent-label-base: var(--accent-label-base);
--color-accent-label-yellow: var(--accent-label-yellow);
--color-accent-label-mint: var(--accent-label-mint);
--color-accent-label-cyan: var(--accent-label-cyan);
--color-accent-label-purple: var(--accent-label-purple);
--color-accent-label-pink: var(--accent-label-pink);
--color-accent-control-fill-base: var(--accent-control-fill-base);
--color-positive-strong: var(--positive-strong);
--color-negative-strong: var(--negative-strong);
--color-negative-strong-hover: var(--negative-strong-hover);
--color-caution: var(--caution);
--color-caution-strong: var(--caution-strong);
--color-caution-base: var(--caution-base);
--color-caution-faint: var(--caution-faint);
--color-highlight: var(--highlight);
--color-control-fill-selected: var(--control-fill-selected);
--color-control-fill-drag: var(--control-fill-drag);
--color-positive-faint: var(--positive-faint);
--color-negative-faint: var(--negative-faint);
--color-positive-base: var(--positive-base);
--color-negative-base: var(--negative-base);
--color-link: var(--link);
--color-overlay-dim: var(--overlay-dim);
--color-background-default: var(--background-default);
--color-background-subtle: var(--background-subtle);
--color-control-fill-neutral-opaque-lowest: var(--control-fill-neutral-opaque-lowest);
--color-control-fill-neutral-opaque-lowest-hover: var(--control-fill-neutral-opaque-lowest-hover);
--color-control-fill-neutral-opaque-low: var(--control-fill-neutral-opaque-low);
--color-control-fill-neutral-opaque-low-hover: var(--control-fill-neutral-opaque-low-hover);
--color-control-fill-neutral-opaque-static-lowest: var(--control-fill-neutral-opaque-static-lowest);
--color-control-fill-neutral-lowest-pressed: var(--control-fill-neutral-lowest-pressed);
--color-control-fill-neutral-low-pressed: var(--control-fill-neutral-low-pressed);
--color-control-fill-neutral-mid-pressed: var(--control-fill-neutral-mid-pressed);
--color-control-fill-neutral-high-pressed: var(--control-fill-neutral-high-pressed);
--color-control-fill-brand-pressed: var(--control-fill-brand-pressed);
--color-control-fill-brand-faint-pressed: var(--control-fill-brand-faint-pressed);
--color-surface-neutral-lowest-pressed: var(--surface-neutral-lowest-pressed);
--color-surface-neutral-low-pressed: var(--surface-neutral-low-pressed);
--color-surface-neutral-mid-pressed: var(--surface-neutral-mid-pressed);
--color-surface-neutral-static-lowest-pressed: var(--surface-neutral-static-lowest-pressed);
--color-surface-inverse-lowest-pressed: var(--surface-inverse-lowest-pressed);
--color-surface-inverse-low-pressed: var(--surface-inverse-low-pressed);
--color-surface-inverse-mid-pressed: var(--surface-inverse-mid-pressed);
--color-surface-inverse-high-pressed: var(--surface-inverse-high-pressed);
--color-negative-strong-pressed: var(--negative-strong-pressed);
--color-focus: var(--focus);
--color-disabled: var(--disabled);
--color-label-disabled: var(--label-disabled);
--color-control-fill-disabled: var(--control-fill-disabled);
--color-surface-disabled: var(--surface-disabled);
--color-border-disabled: var(--border-disabled);
--shadow-soft: var(--lp-sys-shadow-soft);
--shadow-normal: var(--lp-sys-shadow-normal);
--shadow-strong: var(--lp-sys-shadow-strong);
--shadow-heavy: var(--lp-sys-shadow-heavy);
--radius-2x-small: var(--lp-sys-radius-2x-small);
--radius-extra-small: var(--lp-sys-radius-extra-small);
--radius-small: var(--lp-sys-radius-small);
--radius-medium-small: var(--lp-sys-radius-medium-small);
--radius-medium: var(--lp-sys-radius-medium);
--radius-large: var(--lp-sys-radius-large);
--radius-extra-large: var(--lp-sys-radius-extra-large);
--radius-2x-large: var(--lp-sys-radius-2x-large);
--radius-full: var(--lp-sys-radius-full);
--breakpoint-*: initial;
--breakpoint-s: 600px;
--breakpoint-m: 1024px;
--breakpoint-l: 1366px;
--breakpoint-xl: 1536px;
--breakpoint-xxl: 1920px;
--breakpoint-xxxl: 2560px;
--spacing-50: var(--lp-sys-space-50);
--spacing-100: var(--lp-sys-space-100);
--spacing-150: var(--lp-sys-space-150);
--spacing-200: var(--lp-sys-space-200);
--spacing-300: var(--lp-sys-space-300);
--spacing-400: var(--lp-sys-space-400);
--spacing-500: var(--lp-sys-space-500);
--spacing-600: var(--lp-sys-space-600);
--spacing-800: var(--lp-sys-space-800);
--spacing-1000: var(--lp-sys-space-1000);
--spacing-1200: var(--lp-sys-space-1200);
--spacing-1600: var(--lp-sys-space-1600);
--spacing-2000: var(--lp-sys-space-2000);
  }

  /* Tailwind 이 --radius-large·small 에서 자동 생성하는 rounded-large·small(네 모서리)을
     왼쪽 두 모서리 버전으로 덮어씀. 레이어 밖(unlayered)이라 utilities 레이어보다 항상 우선. */
  .rounded-large {
    border-top-left-radius: var(--radius-large);
    border-bottom-left-radius: var(--radius-large);
  }

  .rounded-small {
    border-top-left-radius: var(--radius-small);
    border-bottom-left-radius: var(--radius-small);
  }