:root{
  /* Brand */
  --brand: #0f766e;         /* teal */
  --brand-2: #16a34a;       /* green */
  --accent: #a67c52;        /* earth brown */

  /* Neutrals */
  --bg: #ffffff;
  --surface: #ffffff;
  --text: #111827;
  --muted: #6b7280;
  --border: #e5e7eb;

  /* Effects */
  --shadow: 0 10px 30px rgba(17,24,39,.08);
  --shadow-sm: 0 6px 18px rgba(17,24,39,.08);
  --radius: 16px;
  --radius-sm: 12px;

  /* Layout */
  --container: 1120px;
  --gutter: 18px;

  /* Typography */
  --font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Noto Sans", "Noto Sans Devanagari", sans-serif;

  /* Buttons */
  --btn-h: 44px;
}