/* ═══════════════════════════════════════════════
   Design Tokens — neofetch.dev
   ═══════════════════════════════════════════════ */

:root {
  /* Background layers */
  --bg:       #0a0e14;
  --bg2:      #0d1117;
  --bg3:      #161b22;
  --bg4:      #1c2333;

  /* Borders */
  --border:   #21262d;

  /* Text hierarchy */
  --text:        #c9d1d9;
  --text-dim:    #6e7681;
  --text-bright: #f0f6fc;

  /* Accent palette */
  --cyan:    #56d4dd;
  --green:   #3fb950;
  --yellow:  #d29922;
  --red:     #f85149;
  --magenta: #bc8cff;
  --blue:    #58a6ff;
  --orange:  #d18616;
  --pink:    #f778ba;

  /* Functional */
  --cursor:    #58a6ff;
  --selection: rgba(56, 212, 221, 0.15);
  --focus:     rgba(86, 212, 221, 0.4);

  /* Sizing */
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 10px;

  /* Transitions */
  --speed-fast: 0.15s;
  --speed-med:  0.25s;
}