/* MatGen AI — Parking page + Materials product tokens
   Two sub-brand worlds:
   - Lamp: warm amber on near-black (defined in lamp-tokens.css)
   - Spark (materials): indigo/cobalt on bone-white (defined here)
   - Parking shell: neutral graphite that bridges both
*/

/* ---- DM Sans (UI) ---- */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/dm-sans-400-latin.woff2') format('woff2');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/dm-sans-500-latin.woff2') format('woff2');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/dm-sans-600-latin.woff2') format('woff2');
}
/* ---- IBM Plex Mono (display, technical) ---- */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/ibm-plex-mono-400-latin.woff2') format('woff2');
}
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/ibm-plex-mono-500-latin.woff2') format('woff2');
}

:root {
  --mg-font-sans: 'DM Sans', system-ui, sans-serif;
  --mg-font-mono: 'IBM Plex Mono', 'SF Mono', monospace;

  /* MatGen umbrella — graphite/ink, sits between dark Lamp and light Spark */
  --mg-ink-0:  #0d0c10;   /* deepest */
  --mg-ink-1:  #16151a;
  --mg-ink-2:  #1c1b21;
  --mg-ink-3:  #25242b;
  --mg-line:   #2c2b32;
  --mg-line-2: #3a3942;

  --mg-paper-0: #faf9f6;  /* bone */
  --mg-paper-1: #f3f1ec;
  --mg-paper-2: #e9e6df;
  --mg-paper-3: #d8d4ca;

  --mg-text:       #e7e3ec;
  --mg-text-mute:  #8c8898;
  --mg-text-dim:   #5a5666;

  /* Sub-brand accents */
  --lamp-amber:    #c8943e;   /* Lamp accent */
  --lamp-amber-2:  #daa54e;
  --lamp-bg:       #18171a;

  --spark-indigo:  #5b5bd6;   /* MatGen Spark accent (refined from screenshots) */
  --spark-indigo-2:#4848bf;
  --spark-cobalt:  #2a2a8c;

  /* Periodic-table category palette (refined for Spark) */
  --el-h:    #e8b13a;        /* alkali/H — amber */
  --el-li:   #e4a528;
  --el-na:   #d99a26;
  --el-tm:   #6b8ed8;        /* transition metals — pale indigo */
  --el-non:  #2f9866;        /* nonmetals — desaturated green */
  --el-met:  #5b5bd6;        /* metalloids/main accent */
  --el-noble:#b09a4a;        /* noble — muted amber */
  --el-ln:   #4848bf;        /* lanthanides */
  --el-an:   #6c4ad6;        /* actinides — purple */

  --mg-radius-sm: 4px;
  --mg-radius-md: 8px;
  --mg-radius-lg: 14px;

  --mg-ease: cubic-bezier(0.4, 0, 0.2, 1);
}