/*//////////////////////////////////////////////////////////
  47Flare — TOKENS / THEMES
//////////////////////////////////////////////////////////*/

:root {
  --bg0: #050707;
  --bg1: #07100f;

  --card: rgba(12, 16, 16, 0.62);
  --card2: rgba(12, 16, 16, 0.78);

  --stroke: rgba(255, 255, 255, 0.08);
  --text: rgba(255, 255, 255, 0.92);
  --muted: rgba(255, 255, 255, 0.68);

  --accent: #00c7b6;
  --accent2: #00a99a;

  --shadow: 0 20px 60px rgba(0,0,0,0.55);
  --radius: 20px;

  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-top: env(safe-area-inset-top, 0px);

  color-scheme: dark light;

  /* Logo */
  --logo-color: #19d6c7;
}

[data-theme="light"] {
  --bg0: #f6fbfb;
  --bg1: #e9f6f4;

  --card: rgba(255, 255, 255, 0.68);
  --card2: rgba(255, 255, 255, 0.82);

  --stroke: rgba(0, 0, 0, 0.10);
  --text: rgba(0, 0, 0, 0.86);
  --muted: rgba(0, 0, 0, 0.60);

  --shadow: 0 20px 60px rgba(0,0,0,0.12);

  --logo-color: var(--accent);
}