/**
 * Toss Design System (TDS Mobile) — CSS design tokens
 * @see https://tossmini-docs.toss.im/tds-mobile/foundation/colors/
 */

:root {
  /* Grey */
  --tds-grey50: #f9fafb;
  --tds-grey100: #f2f4f6;
  --tds-grey200: #e5e8eb;
  --tds-grey300: #d1d6db;
  --tds-grey400: #b0b8c1;
  --tds-grey500: #8b95a1;
  --tds-grey600: #6b7684;
  --tds-grey700: #4e5968;
  --tds-grey800: #333d4b;
  --tds-grey900: #191f28;

  /* Blue */
  --tds-blue50: #e8f3ff;
  --tds-blue100: #c9e2ff;
  --tds-blue200: #90c2ff;
  --tds-blue300: #64a8ff;
  --tds-blue400: #4593fc;
  --tds-blue500: #3182f6;
  --tds-blue600: #2272eb;
  --tds-blue700: #1b64da;
  --tds-blue800: #1957c2;
  --tds-blue900: #194aa6;

  /* Red */
  --tds-red50: #ffeeee;
  --tds-red500: #f04452;
  --tds-red600: #e42939;

  /* Green */
  --tds-green50: #f0faf6;
  --tds-green500: #03b26c;
  --tds-green600: #02a262;

  /* Orange */
  --tds-orange50: #fff3e0;
  --tds-orange500: #fe9800;

  /* Purple */
  --tds-purple50: #f9f0fc;
  --tds-purple500: #a234c7;

  /* Teal */
  --tds-teal50: #edf8f8;
  --tds-teal500: #18a5a5;

  /* Background */
  --tds-background: #ffffff;
  --tds-greyBackground: var(--tds-grey100);
  --tds-layeredBackground: #ffffff;

  /* Semantic */
  --tds-text-primary: var(--tds-grey900);
  --tds-text-secondary: var(--tds-grey600);
  --tds-text-tertiary: var(--tds-grey500);
  --tds-text-disabled: var(--tds-grey400);
  --tds-text-accent: var(--tds-blue500);
  --tds-bg-page: var(--tds-grey100);
  --tds-bg-surface: var(--tds-background);
  --tds-border-default: var(--tds-grey200);
  --tds-border-light: var(--tds-grey100);

  /* Typography scale (TDS Mobile) */
  --tds-typo1-size: 1.875rem;
  --tds-typo1-line: 2.5rem;
  --tds-typo2-size: 1.625rem;
  --tds-typo2-line: 2.1875rem;
  --tds-typo3-size: 1.375rem;
  --tds-typo3-line: 1.9375rem;
  --tds-typo4-size: 1.25rem;
  --tds-typo4-line: 1.8125rem;
  --tds-typo5-size: 1.0625rem;
  --tds-typo5-line: 1.59375rem;
  --tds-typo6-size: 0.9375rem;
  --tds-typo6-line: 1.40625rem;
  --tds-typo7-size: 0.8125rem;
  --tds-typo7-line: 1.21875rem;

  /* Spacing */
  --tds-space-xs: 0.25rem;
  --tds-space-sm: 0.5rem;
  --tds-space-md: 1rem;
  --tds-space-lg: 1.25rem;
  --tds-space-xl: 1.5rem;
  --tds-space-2xl: 2rem;

  /* Radius */
  --tds-radius-sm: 0.5rem;
  --tds-radius-md: 0.75rem;
  --tds-radius-lg: 1rem;
  --tds-radius-xl: 1.25rem;

  /* Surface (TDS flat card — 그림자 없음, radius 통일) */
  --tds-surface-radius: var(--tds-radius-xl);
  --tds-surface-inner-radius: var(--tds-radius-lg);
  --tds-surface-bg: var(--tds-background);
  --tds-surface-shadow: none;
  --tds-surface-padding: 1.25rem;
  --tds-shadow-elevated: 0 16px 48px rgba(2, 9, 19, 0.12);
  --tds-shadow-focus: 0 0 0 3px rgba(49, 130, 246, 0.15);

  /* Safe area (in-app Toss WebView) */
  --tds-safe-top: env(safe-area-inset-top, 0px);
  --tds-safe-bottom: env(safe-area-inset-bottom, 0px);
  --tds-safe-left: env(safe-area-inset-left, 0px);
  --tds-safe-right: env(safe-area-inset-right, 0px);
}