/* Design tokens — values read from the Figma variables (Moon Design System names). */

@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(../fonts/DMSans-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(../fonts/DMSans-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
  /* Main */
  --piccolo: #4E46B4;
  --hit: #40A69F;
  --jiren: rgba(78, 70, 180, 0.12);
  --bulma: #000000;
  --trunks: #595D62;
  --goku: #F5F5F5;
  --gohan: #FFFFFF;
  --goten: #FFFFFF;
  --beerus: #E2E2E2;
  --heles: rgba(0, 0, 0, 0.04);
  --zeno: rgba(0, 0, 0, 0.56);
  --popo: #000000;

  /* Supportive */
  --chichi: #FF4E64;
  --chichi-10: rgba(255, 78, 100, 0.12);
  --krillin: #FFB319;
  --krillin-10: rgba(255, 179, 25, 0.12);
  --roshi: #2E7D32;
  --roshi-10: rgba(46, 125, 50, 0.12);
  --dodoria: #D33030;
  --whis: #3448F0;
  --whis-10: rgba(52, 72, 240, 0.12);
  --nappa: #725550;
  --nappa-10: rgba(114, 85, 80, 0.12);
  --raditz: #B3804A;
  --raditz-10: rgba(179, 128, 74, 0.12);
  --cell: #95F1D5;

  /* Radius */
  --radius-i-sm: 8px;
  --radius-i-md: 12px;
  --radius-s-sm: 8px;
  --radius-full: 9999px;

  /* Spacing */
  --p-1: 4px;
  --p-2: 8px;
  --p-3: 12px;
  --p-4: 16px;
  --p-5: 20px;
  --p-6: 24px;

  /* Effects */
  --shadow-small: 0 0 8px rgba(20, 20, 20, 0.08), 0 0 1px rgba(20, 20, 20, 0.04);
  --shadow-snackbar: 0 32px 32px -8px rgba(0, 0, 0, 0.08), 0 0 32px -8px rgba(0, 0, 0, 0.12), 0 0 1px 0 rgba(0, 0, 0, 0.2);
  --shadow-tile: 2px 2px 3px 0 rgba(0, 0, 0, 0.04);

  --font: 'DM Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

  /* Status bar heights from the Figma frames (login frames 44, dashboard frames 50) */
  --sb: 44px;
  --sb-dash: 50px;
}

/* Type scale (UI Type / Paragraph styles) */
.t-3xl   { font: 700 32px/40px var(--font); letter-spacing: -0.5px; }
.t-2xl   { font: 700 24px/32px var(--font); }
.t-lg    { font: 500 18px/28px var(--font); }
.t-md    { font: 400 16px/24px var(--font); }
.t-md-b  { font: 700 16px/24px var(--font); }
.t-sm    { font: 400 14px/20px var(--font); }
.t-sm-b  { font: 700 14px/20px var(--font); }
.t-sm-ui { font: 400 14px/24px var(--font); }
.t-xs    { font: 400 12px/16px var(--font); }
.t-xs-m  { font: 500 12px/16px var(--font); }
.t-xs-b  { font: 700 12px/16px var(--font); }
.t-2xs-b { font: 700 10px/16px var(--font); }