/* 선드라이토마토 브랜드 토큰 — 웹 단일 소스.
   앱(lib/common/brand.dart) 및 /brand 스타일 가이드와 동일한 값을 유지한다.
   https://sundrytomatos.com/brand */
:root {
  /* 팔레트 — 말린 토마토 + 텃밭 허브 */
  --tomato: #B7362A;      /* primary */
  --tomato-deep: #8A281F; /* pressed / emphasis */
  --tomato-tint: #F6E0DB; /* container */
  --basil: #566A37;       /* secondary */
  --basil-tint: #E6ECD9;
  --sun: #CE8324;         /* tertiary */
  --sun-tint: #F6E6C9;
  --paper: #FFFFFF;
  --ground: #FCF7F1;      /* page 배경 */
  --ink: #291F1A;         /* 본문 텍스트 */
  --ink-soft: #6E625A;
  --ink-faint: #9C8E83;
  --line: #ECE0D4;
  --ok: #566A37;
  --warn: #CE8324;
  --crit: #C23B2C;
  --r-card: 16px;
  --r-ctl: 999px;
  --font-display: system-ui, -apple-system, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;
  --font-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;
}

/* 재사용 베이스 컴포넌트 (st- 접두) */
.st-btn {
  font-family: var(--font-display); font-weight: 600; font-size: 14px;
  border-radius: var(--r-ctl); padding: 11px 20px; border: 1.5px solid transparent;
  cursor: pointer; display: inline-flex; align-items: center; gap: 8px;
  text-decoration: none; line-height: 1;
}
.st-btn--fill { background: var(--tomato); color: #fff; }
.st-btn--fill:hover { background: var(--tomato-deep); }
.st-btn--out { background: transparent; border-color: var(--tomato); color: var(--tomato-deep); }
.st-chip {
  font-size: 13px; font-weight: 500; border-radius: var(--r-ctl); padding: 5px 12px;
  background: var(--tomato-tint); color: var(--tomato-deep);
}
.st-card {
  background: var(--paper); border: 1px solid var(--line); border-radius: var(--r-card);
}
.st-lab {
  font-family: var(--font-mono); font-size: 11.5px; letter-spacing: 0.14em;
  text-transform: uppercase; color: var(--ink-faint); font-weight: 500;
}