/* ============================================================
   Solve Us 디자인 토큰 — VENDORED COPY

   ⇄ source: solve-us/solve-us  solve-us-app/src/app/globals.css :root (2026-07-31)

   이 레포(solve-earth)에는 solve-us-app 이 없어서 상대경로 <link> 가 불가능하다.
   그래서 :root 토큰 블록만 그대로 복사해 왔다.
   ⚠️ 값을 여기서 고치지 말 것. 실앱 globals.css 가 바뀌면 이 파일을 다시 복사하고
      위 마커 날짜를 갱신한다.
   ============================================================ */

:root {
  /* Brand Signature */
  --color-ash-rose: #5c4f4a;

  /* Accent Colors */
  --color-sage-green: #7a7267;
  --color-blue-grey: #6b6058;
  --color-soft-greige: #c9bfb2;
  --color-cta: var(--color-ash-rose);

  /* Neutral Colors */
  --color-black: #2c2520;
  --color-charcoal: #3e362f;
  --color-mid-grey: #8a7f76;
  --color-light-grey: #ddd6ce;
  --color-off-white: #f8f5f2;
  --color-white: #ffffff;

  /* Semantic Aliases */
  --color-primary: var(--color-ash-rose);
  --color-secondary: var(--color-blue-grey);
  --color-tertiary: var(--color-sage-green);
  --color-background: var(--color-off-white);
  --color-surface: var(--color-white);
  --color-border: var(--color-light-grey);

  /* Semantic Status Colors */
  --color-success: #4a7a5c;
  --color-success-bg: rgba(74, 122, 92, 0.12);
  --color-warning: #9e7a2e;
  --color-warning-bg: rgba(158, 122, 46, 0.1);
  --color-error: #b5443a;
  --color-error-bg: rgba(181, 68, 58, 0.08);
  --color-info: #4a6a7a;
  --color-info-bg: rgba(74, 106, 122, 0.1);
  --color-error-border: rgba(181, 68, 58, 0.22);
  --color-warning-border: rgba(158, 122, 46, 0.2);
  --color-info-border: rgba(74, 106, 122, 0.2);

  /* Alpha Tokens */
  --color-overlay-strong: rgba(44, 37, 32, 0.45);
  --color-overlay-shadow: rgba(44, 37, 32, 0.15);
  --color-tint-greige: #efebe7;
  --color-ring-primary: rgba(92, 79, 74, 0.35);

  /* Text Colors */
  --color-text-primary: var(--color-black);
  --color-text-secondary: var(--color-charcoal);
  --color-text-tertiary: var(--color-mid-grey);

  /* Typography */
  --font-family:
    'Pretendard Variable', 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, 'Segoe UI',
    sans-serif;
  --font-size-xs: 13px;
  --font-size-sm: 15px;
  --font-size-base: 17px;
  --font-size-lg: 20px;
  --font-size-xl: 24px;
  --font-size-2xl: 32px;

  /* Spacing (4pt grid) */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;

  /* Border Radius — sm 8 / md 12 / lg 16 */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;

  /* Transitions */
  --transition-fast: 180ms ease-out;
  --transition-base: 240ms ease-out;

  /* Shadows */
  --shadow-subtle: 0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-soft: 0 1px 3px rgba(44, 37, 32, 0.05);
  --shadow-card: 0 2px 8px rgba(44, 37, 32, 0.06);

  /* Layout */
  --mobile-max-width: 480px;
  --tab-bar-height: 56px;
  --tab-bar-clearance: calc(var(--tab-bar-height) + env(safe-area-inset-bottom, 0px));

  /* Toast */
  --toast-bottom: calc(var(--tab-bar-clearance) + 16px);

  /* Z-Index Scale */
  --z-header: 90;
  --z-tab-bar: 100;
  --z-toast: 110;
  --z-modal: 200;
  --z-tooltip: 210;
}

/* Reset and Base Styles — ⇄ source: globals.css */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

button,
a,
[role='button'] {
  touch-action: manipulation;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
}

button:active:not(:disabled),
a:active,
[role='button']:active {
  transform: scale(0.97);
  opacity: 0.8;
  transition: none !important;
}

body {
  font-family: var(--font-family);
  background: var(--color-background);
  color: var(--color-text-primary);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.5;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}