/* TC Carts design tokens — brand guide sections 2–3. Single source of truth; no hardcoded values elsewhere. */

:root {
  /* Color */
  --blue: #4A6DA7;
  --blue-light: #C9D8EE;
  --blue-tint: #F2F5FA;
  --blue-tint-border: #D8E0EC;
  --bg: #F7F7F5;
  --card: #FFFFFF;
  --ink: #1F2937;
  --muted: #6B7280;
  --border: #E5E7EB;
  --open-bg: #E7F3EA;
  --open-text: #2E7D46;
  --danger-bg: #FBE9E9;
  --danger-text: #B3402F;

  /* Typography */
  --font: 'Open Sans', -apple-system, 'Segoe UI', Roboto, sans-serif;
  --text-header: 16px;
  --text-section: 15px;
  --text-body: 14px;
  --text-label: 13px;
  --text-small: 12px;
  --weight-regular: 400;
  --weight-semibold: 600;
  --leading: 1.5;

  /* Spacing scale: 4 / 8 / 12 / 16 / 24 */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;

  /* Shape */
  --radius-card: 12px;
  --radius-button: 10px;
  --touch-min: 44px;

  /* Depth */
  --shadow: 0 1px 2px rgba(31, 41, 55, 0.04), 0 4px 14px rgba(31, 41, 55, 0.06);
  --shadow-raised: 0 2px 4px rgba(31, 41, 55, 0.08), 0 8px 24px rgba(31, 41, 55, 0.10);
}