/* ── LaunchBoard Design Tokens, Reset & Base ── */

:root {
  --bg:         #08080c;
  --bg-panel:   #0c111c;
  --bg-card:    #0f1729;
  --cyan:       #77DBDB;
  --tplus:      #8FF489;
  --orange:     #FF5722;
  --orange-glow:#FF6D3B;
  --blue:       #002C51;
  --blue-light: #0a3d6b;
  --white:      #FFFFFF;
  --gray:       #7a8599;
  --gray-dim:   #2a3145;
  --green:      #4CAF50;
  --red:        #F44336;
  --amber:      #FFB74D;
  --grid-color: rgba(119,219,219,0.07);
  --border:     rgba(119,219,219,0.12);
  --glow-cyan:  0 0 1.85cqmin rgba(119,219,219,0.3);
  --glow-orange:0 0 1.85cqmin rgba(255,87,34,0.3);
}

@font-face {
  font-family: 'DSEG7';
  src: url('/fonts/DSEG7/DSEG7Classic-Bold.woff2') format('woff2'),
       url('/fonts/DSEG7/DSEG7Classic-Bold.woff') format('woff');
  font-weight: bold;
  font-display: swap;
}

/* ── Reset + Base ── */

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

html {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #000;
  container-type: size;
}

body {
  width: 100%;
  height: 100%;
  font-size: 1.30cqmin;
  background: var(--bg);
  color: var(--white);
  font-family: 'area-normal', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
  position: relative;
}

/* ── Background grid + scanline effect ── */

body::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    linear-gradient(var(--grid-color) 0.19cqmin, transparent 0.19cqmin),
    linear-gradient(90deg, var(--grid-color) 0.19cqmin, transparent 0.19cqmin);
  background-size: 3.70cqmin 3.70cqmin;
  pointer-events: none;
  z-index: 0;
}

body::after {
  content: '';
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(
    0deg,
    transparent,
    transparent 0.19cqmin,
    rgba(0,0,0,0.03) 0.19cqmin,
    rgba(0,0,0,0.03) 0.37cqmin
  );
  pointer-events: none;
  z-index: 1;
}

body > * { position: relative; z-index: 2; }
