/**
 * Vaillant — shared brand tokens & readable typography
 * Green sampled from official Vaillant logo (teal brand mark)
 */
:root {
  --v-green: #009B7D;
  --v-green-dark: #007A63;
  --v-green-soft: rgba(0, 155, 125, 0.12);
  --v-green-border: rgba(0, 155, 125, 0.28);
  --v-green-glow: rgba(0, 155, 125, 0.35);

  --v-bg: #0E1114;
  --v-surface: #161B1F;
  --v-surface-2: #1C2226;
  --v-border: rgba(255, 255, 255, 0.07);
  --v-text: #E8ECEE;
  --v-text-secondary: #A8B0B4;
  --v-text-muted: #7A8488;
  --v-alert: #B85C5C;

  /* Type scale — minimum 12px for UI labels */
  --v-text-2xs: 12px;
  --v-text-xs: 13px;
  --v-text-sm: 14px;
  --v-text-base: 15px;
  --v-text-md: 16px;
  --v-text-lg: 18px;
  --v-text-xl: 20px;
  --v-text-2xl: 24px;

  /* Typography — regular weight throughout UI */
  --v-font-weight: 400;
}

html {
  font-size: 16px;
  font-weight: var(--v-font-weight);
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  font-family: -apple-system, 'SF Pro Display', 'PingFang SC', 'Helvetica Neue', Arial, sans-serif;
  font-size: var(--v-text-base);
  font-weight: var(--v-font-weight);
  line-height: 1.5;
  color: var(--v-text);
}

strong, b, h1, h2, h3, h4, h5, h6 {
  font-weight: var(--v-font-weight);
}

/* Shared drawer / sheet typography (dispatch, mobile, ASP, CCC) */
.sheet-title { font-size: var(--v-text-lg) !important; }
.sheet-lead { font-size: var(--v-text-sm) !important; line-height: 1.55 !important; }
.sheet-note { font-size: var(--v-text-xs) !important; line-height: 1.5 !important; }
.sheet-row { font-size: var(--v-text-sm) !important; }
.sheet-list-item { font-size: var(--v-text-sm) !important; }
.sheet-list-date { font-size: var(--v-text-2xs) !important; }
.sheet-btn-primary,
.sheet-btn-secondary { font-size: var(--v-text-md) !important; }