/* Design tokens, lifted from lib/resources/values/colors.dart and dimen.dart
   and design/tonight-board/PROMPT.md. The demo is light-only, like the app. */

@font-face { font-family: Poppins; font-weight: 300; font-display: swap; src: url("../assets/fonts/Poppins-Light.ttf") format("truetype"); }
@font-face { font-family: Poppins; font-weight: 400; font-display: swap; src: url("../assets/fonts/Poppins-Regular.ttf") format("truetype"); }
@font-face { font-family: Poppins; font-weight: 500; font-display: swap; src: url("../assets/fonts/Poppins-Medium.ttf") format("truetype"); }
@font-face { font-family: Poppins; font-weight: 600; font-display: swap; src: url("../assets/fonts/Poppins-SemiBold.ttf") format("truetype"); }

:root {
  color-scheme: light;

  /* ground */
  --ground: #FBFBFB;
  --card: #FFFFFF;
  --line: #E3EFFF;
  --line-soft: #F0F4FA;

  /* blue */
  --blue: #418DF8;
  --blue-pressed: #1F62C1;
  --deep: #0147AA;
  --lav: #E7E7FF;
  --lav-soft: #F0F0FF;

  /* brand green: always with --deep text on it */
  --green: #00FF35;

  /* semantic */
  --danger: #E90000;
  --danger-wash: #FFE2E2;
  --warn: #C98A00;
  --warn-wash: #FFF7D6;
  --warn-chip: #F8DE41;
  --good: #2E8B57;
  --good-wash: #E8FBEE;
  --secured: #50C189;
  --grey: #A09E9E;
  --grey-text: #6A6A6A;
  --disabled: #E5E5E5;

  /* type ramp: title 20/30 600 · paragraph 16/24 500 · label 14/20 500 · meta 12/16 300 */
  --font: Poppins, system-ui, -apple-system, "Segoe UI", sans-serif;
  --fs-title: 20px;  --lh-title: 30px;
  --fs-para: 16px;   --lh-para: 24px;
  --fs-label: 14px;  --lh-label: 20px;
  --fs-meta: 12px;   --lh-meta: 16px;

  /* spacing (dimen.dart) */
  --s2: 2px; --s4: 4px; --s8: 8px; --s12: 12px; --s16: 16px; --s20: 20px; --s24: 24px; --s32: 32px; --s40: 40px; --s48: 48px;

  /* shapes: borders, not shadows */
  --radius: 10px;
  --radius-pill: 15px;
  --radius-chip: 25px;
  --border: 2px solid var(--line);
  --btn-h: 46px;
}