/* core/theme.css — CSS custom property defaults.
   theme.js overrides these at runtime from localStorage. */

:root {
  /* PRIMARY family — backgrounds */
  --bg:           #071a3a;
  --bg-gradient:  #102a5d;
  --panel:        #0d2450;
  --panel-hover:  #15356f;
  --input-bg:     #0f2a5a;
  --inset:        #061632;

  /* SECONDARY family — text / ink */
  --ink:          #ffd84d;
  --ink-light:    #ffe57d;
  --ink-muted:    #c8ba84;
  --border:       rgba(255, 216, 77, 0.35);

  /* Logo colorization (overridden by theme.js for custom colors) */
  --logo-filter:  brightness(0) saturate(100%) invert(86%) sepia(66%)
                  saturate(500%) hue-rotate(342deg) brightness(103%) contrast(101%);

  /* Functional */
  --success:      #2ed573;
  --danger:       #ff6b6b;
}