/* ============================================
   VERITY DESIGN TOKENS
   Shared between verity-credit-ledger & verityke
   ============================================ */

:root {
  /* BRAND COLORS - Safaricom Inspired */
  --color-primary: #43B02A;
  --color-primary-dark: #2F8F1F;
  --color-primary-light: #46BD61;
  --color-accent: #46BD61;

  /* NEUTRAL COLORS */
  --color-background: #FFFFFF;
  --color-surface: #F9FAFB;
  --color-text-primary: #1F2937;
  --color-text-secondary: #6B7280;
  --color-border: #E5E7EB;

  /* SEMANTIC COLORS */
  --color-error: #DC2626;
  --color-warning: #F59E0B;
  --color-success: #43B02A;

  /* TYPOGRAPHY */
  --font-size-h1: 56px;
  --font-size-h2: 32px;
  --font-size-h3: 22px;
  --font-size-body: 16px;
  --font-size-small: 13px;

  --font-weight-bold: 700;
  --font-weight-semibold: 600;
  --font-weight-normal: 400;

  --line-height-heading: 1.2;
  --line-height-body: 1.6;

  /* SPACING */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;
  --space-3xl: 64px;

  /* BORDERS & RADIUS */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-pill: 27.5px;

  --border-color: var(--color-border);
  --border-subtle: 1px solid var(--border-color);

  /* SHADOWS */
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.06);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.08);
}