:root{

  /* Brand */
  --primary:#0f766e;
  --primary-hover:#0d9488;
  --primary-light:#ccfbf1;
  --primary-gradient:linear-gradient(135deg,#0f766e,#14b8a6);

  /* Semantic */
  --danger:#dc2626;
  --danger-light:#fee2e2;
  --warning:#d97706;
  --warning-light:#fef3c7;
  --success:#16a34a;
  --success-light:#dcfce7;
  --info:#0369a1;
  --info-light:#e0f2fe;

  /* Surface */
  --bg:#f1f5f9;
  --card:#ffffff;

  /* Text */
  --text:#111827;
  --text-muted:#6b7280;
  --text-subtle:#94a3b8;

  /* Border */
  --border:#e5e7eb;
  --border-strong:#d1d5db;

  /* Radius */
  --radius:10px;
  --radius-sm:6px;
  --radius-lg:14px;

  /* Shadow */
  --shadow-sm:0 1px 3px rgba(0,0,0,0.06),0 1px 2px rgba(0,0,0,0.04);
  --shadow:0 4px 12px rgba(0,0,0,0.07);
  --shadow-lg:0 10px 28px rgba(0,0,0,0.10);

}