/* ============================================================
   THE KAC FLOCK — brand-primitives.css
   THE cross-platform source of truth for brand VALUES.
   ------------------------------------------------------------
   These primitives are mirrored 1:1 in the native app
   (FlockHangout/BrandPrimitives.swift). Hex values and font
   families live HERE and ONLY here. Every other layer —
   web variables.css, the PWA --h-x / --v2-x aliases, and the
   Swift Theme — must REFERENCE these, never restate them.

   Platform-specific things (icons, radii, density, blur,
   navigation patterns) stay in each platform's own layer.
   Only the things below are shared.
   ============================================================ */

:root {

  /* ===== BRAND PURPLE RAMP — the one true ladder ===== */
  --brand-50:  #faf5ff;
  --brand-100: #f3e8ff;
  --brand-200: #e9d5ff;
  --brand-300: #d8b4fe;
  --brand-400: #c084fc;
  --brand-500: #a855f7;
  --brand-600: #9333ea;  /* ◆ PRIMARY — agreed by web + native */
  --brand-700: #7c3aed;  /* ◆ PRIMARY-DARK — retires #702AE1, #7E22CE, #6D28D9 */
  --brand-800: #6b21a8;
  --brand-900: #581c87;

  /* ===== ACCENT (electric blue) ===== */
  --brand-accent:      #3b82f6;
  --brand-accent-dark: #2563eb;

  /* ===== SEMANTIC — ONE value each, no exceptions ===== */
  --brand-success: #22c55e;  /* retires #10B981 everywhere (web docs, PWA, native, Worker tiles) */
  --brand-warning: #f59e0b;
  --brand-danger:  #ef4444;  /* CANONICAL danger — retires MD3 #B41340 and ad-hoc #DC2626 */
  --brand-info:    #06b6d4;

  /* ===== ORGANISATION WAYFINDING ===== */
  --brand-org-head:   var(--brand-600);  /* Head Church */
  --brand-org-kan:    var(--brand-accent);
  --brand-org-kac:    var(--brand-success);
  --brand-org-branch: var(--brand-warning);

  /* ===== TYPE FAMILIES — shared across every surface ===== */
  /* Web/PWA load via Google Fonts; native bundles the same .ttf files. */
  --brand-font-display: 'Space Grotesk';
  --brand-font-body:    'Inter';
}

/* ------------------------------------------------------------
   SEMANTIC MAPPING for the WEB + PWA.
   variables.css / hangout-v2.css should set their own tokens
   FROM these primitives instead of hardcoding hexes:

     --primary:    var(--brand-600);
     --success:    var(--brand-success);
     --danger:     var(--brand-danger);
     --h-primary:  var(--brand-600);
     --v2-primary: var(--brand-600);
     --v2-success: var(--brand-success);
     --v2-error:   var(--brand-danger);
     --font-display: var(--brand-font-display), 'Inter', sans-serif;
     --font-sans:    var(--brand-font-body), -apple-system, sans-serif;

   Then delete every literal #9333ea / #7c3aed / #10b981 /
   #b41340 / #702ae1 sitting in component CSS and !important rules.
   ------------------------------------------------------------ */