/*
 * Manifest — imports all partials.
 * Design tokens and global reset live here.
 */

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700;800&display=swap');

*, *::before, *::after { box-sizing: border-box; }
button { text-align: left; }

/* ── Design tokens ───────────────────────────────────────── */
:root {
  --color-bg:         #121316;
  --color-surface:    #191a1d;
  --color-surface-2:  #202124;
  --color-surface-3:  #444;
  --color-hover:      #2a2b2f;
  --color-text:       #e6e6e6;
  --color-text-inv:   #121316;
  --color-muted:      #828282;
  --color-muted-2:    #7d7d7d;
  --color-subtle:     #AAA;
  --color-border:     rgba(69, 69, 69, 0.5);
  --color-border-focus: rgba(69, 69, 69, 0.9);
  --color-primary:    #0d6efd;
  --color-primary-hover: #0b5ed7;
  --font-base:        'Roboto', sans-serif;
  --radius-sm:        5px;
  --radius-md:        10px;
  --radius-lg:        20px;
}

/* ── Base typography ─────────────────────────────────────── */
body {
  font-family: var(--font-base);
  color: var(--color-text);
  background-color: var(--color-bg);
  -webkit-font-smoothing: antialiased;
}

select {
  font-size: 20px;
  font-family: var(--font-base);
}

.hidden { display: none !important; }