/*
 * Dozewise — Brand CSS Tokens
 * Source of truth: marketing/logos/dozewise/dozewise_logo.jpeg
 * Logo extracted colours: #2DD2D2 (teal/cyan, primary) | #5A78C3 (indigo, secondary)
 * Last updated: 2026-03-20 by ENG-1 brand token extraction
 *
 * HARD RULE: All colour values in this file come from the actual logo.
 * Zero guessing. Zero assumptions. If the logo changes, this file changes.
 */

:root {
  /* ── PRIMARY BRAND COLOUR — teal/cyan from logo ── */
  --primary:        #2DD2D2;
  --primary-light:  #60a5fa;   /* secondary blue from logo for highlights */
  --primary-rgb:    45, 210, 210;

  /* ── SECONDARY — indigo from logo ── */
  --secondary:      #5A78C3;
  --secondary-dark: #3A5A9E;
  --secondary-rgb:  90, 120, 195;

  /* ── BACKGROUNDS — deep dark, calm and clinical ── */
  --bg:             #060e18;
  --surface:        #0d1520;
  --surface2:       #141e2c;

  /* ── TEXT ── */
  --text:           #F0F9FF;
  --text-dim:       #7A9BB5;

  /* ── BORDERS ── */
  --border:         rgba(45, 210, 210, 0.15);

  /* ── SEMANTIC ── */
  --success:        #34D399;
  --warning:        #FBBF24;
  --danger:         #F87171;

  /* ── UI ── */
  --radius:         16px;

  /* ── THEME META ── */
  --brand-name:     "Dozewise";
  --brand-slug:     "dozewise";
}