/*
 * Snoozekin — Brand CSS Tokens
 * Source of truth: marketing/logos/snoozekin/snoozekin_logo.jpeg
 * Logo extracted colours: #2D7878 (dark teal, primary) | #3A9090 (mid teal)
 * Last updated: 2026-03-20 by ENG-1 brand token extraction
 *
 * CRITICAL NOTE: The previous web demo used orange (#F97316) for this brand.
 * This was COMPLETELY WRONG. The Snoozekin logo is unambiguously teal.
 * All orange references have been replaced with teal.
 *
 * 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 from logo ── */
  --primary:        #3A9090;
  --primary-warm:   #2D7878;
  --primary-light:  #5AB8B8;
  --primary-rgb:    58, 144, 144;

  /* ── ACCENT — warm orange from inner crescent + wordmark ── */
  --accent:         #F38634;  /* warm orange — inner crescent glow, "Snoozekin" text */
  --accent-light:   #F99E55;
  --accent-rgb:     243, 134, 52;

  /* ── TEAL HIGHLIGHT — lighter teal for highlights ── */
  --teal-light:     #59D9CC;  /* brighter teal highlight from outer ring edge */
  --teal-bright:    #75F5DE;

  /* ── BACKGROUNDS — very dark teal, calm and dignified ── */
  --bg:             #050f0f;
  --surface:        #0a1e1e;
  --surface2:       #0f2a2a;

  /* ── TEXT ── */
  --text:           #F0FDFA;
  --text-dim:       #7EC8C8;

  /* ── BORDERS ── */
  --border:         rgba(58, 144, 144, 0.25);

  /* ── SEMANTIC ── */
  --success:        #4ADE80;
  --warning:        #FBBF24;
  --danger:         #F87171;

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

  /* ── THEME META ── */
  --brand-name:     "Snoozekin";
  --brand-slug:     "snoozekin";
}