/* 01-vars-base.css — Minhs_art */

:root {
  /* === BACKGROUNDS === */
  --bg0:          #050d10;
  --bg1:          #071418;
  --bg2:          #0a1c20;
  --bg3:          #0d2228;
  --bg-card:      #071820;
  --bg-rail:      #040c0f;
  --bg-sidebar:   #060f12;

  /* === TEAL ACCENT === */
  --teal:         #3ab8a0;
  --teal-dim:     #2a8878;
  --teal-deep:    #1a5848;
  --teal-faint:   #0d3030;
  --teal-glow:    rgba(58,184,160,.18);

  /* === OR (commandes) === */
  --gold:         #c8a84a;
  --gold-faint:   #1a1608;

  /* === TEXTES === */
  --txt:          #c8e8e0;
  --body:         #8ab8b0;
  --muted:        #3a6060;
  --faint:        #1e3838;

  /* === BORDURES === */
  --line:         #0f2a28;
  --line2:        #1a4040;
  --line-accent:  #2a8878;

  /* === LIVE === */
  --red:          #e03333;

  /* === POLICES === */
  --font-brand:   'PlanetGamers', system-ui, sans-serif;
  --font-ui:      system-ui, -apple-system, 'Segoe UI', sans-serif;

  /* === LAYOUT === */
  --sb-rail:      46px;
  --sb-w:         180px;
  --topbar-h:     34px;
  --radius:       12px;
  --radius-sm:    7px;
  --transition:   .15s ease;
}

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

html {
  font-size: 13px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  font-family: var(--font-ui);
  background: var(--bg1);
  color: var(--body);
  min-height: 100vh;
  line-height: 1.5;

  /* orbes de fond fixes */
  background-image:
    radial-gradient(600px 500px at 80% 15%, rgba(32,110,100,.14) 0%, transparent 65%),
    radial-gradient(500px 400px at 15% 85%, rgba(20,80,90,.11) 0%, transparent 65%);
  background-color: var(--bg1);
  background-attachment: fixed;
}

a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
button { cursor: pointer; font-family: var(--font-ui); border: none; background: none; }

.muted { color: var(--muted); font-size: 12px; }