/* init.Habits — Shared Design Tokens
 * Single source of truth for all CSS variables.
 * Every inithabits HTML page must import this file.
 * Do not add component styles here — variables only.
 */

*, *::before, *::after { box-sizing: border-box; }

:root {
  --bg:           #0D1117;
  --bg-alt:       #161B22;
  --text:         #E6EDF3;
  --accent:       #34C48A;
  --comment:      #7D8590;
  --headers:      #58A6FF;
  --warn:         #D29922;
  --separator:    #21262D;
  --red:          #FF6B6B;
  --input-bg:     #21262D;
  --input-border: #7D8590;
}

[data-theme="light"] {
  --bg:           #F6F8FA;
  --bg-alt:       #FFFFFF;
  --text:         #1F2328;
  --accent:       #1A7F4B;
  --comment:      #656D76;
  --headers:      #0969DA;
  --warn:         #9A6700;
  --separator:    #D0D7DE;
  --red:          #CF222E;
  --input-bg:     #FFFFFF;
  --input-border: #D0D7DE;
}