/* Luieraanbiedingen-app — design tokens.
   Bron: lib/core/presentation/theme/ (AppColors, AppTextStyle) en de
   children-schermen (ChildPromptPalette, _BlockButton), commit e6378f0.
   De Flutter-code is leidend; pas waarden daar aan en werk dit bestand bij. */


:root {
  /* Merk (AppColors.brand*) */
  --la-brand: #67AEDB;          /* brandPrimary: headerblauw */
  --la-brand-dark: #1E5986;     /* brandDark */
  --la-brand-bg: #F3F7FC;       /* brandBg */
  --la-brand-soft: #E0F2FE;     /* backgroundBrand / avatarcirkel */
  --la-link: #0369A1;           /* links en tekstknoppen op wit */

  /* Tekst (ChildPromptPalette, AppColors.text*) */
  --la-navy: #020617;           /* titels, primaire knop */
  --la-body: #334155;           /* lopende tekst */
  --la-muted: #64748B;          /* intro, hulptekst */
  --la-light: #94A3B8;          /* placeholder */

  /* Vlakken en lijnen */
  --la-white: #FFFFFF;
  --la-grey-bg: #F1F5F9;        /* backgroundGrey / gray100 */
  --la-border: #E2E8F0;         /* borderPrimary / gray200 */
  --la-disabled: #CBD5E1;       /* gray300: uitgeschakelde knop */

  /* Status */
  --la-error: #EF4444;          /* red500 */
  --la-error-bg: #FEF2F2;       /* red50 */
  --la-success: #22C55E;        /* green500 */
  --la-success-bg: #F0FDF4;     /* green50 */
  --la-success-dark: #067A57;   /* mint-banner knop */

  /* Type: Pally overal; Lexend alleen voor de tabbalk-labels */
  --la-font: "Pally", system-ui, sans-serif;
  --la-nav-font: "Lexend", system-ui, sans-serif; /* alleen tabbalk-labels, 10px w600 */
  --la-title-size: 31px;        /* schermtitel in header, w700, lh 1.12, ls -0.47 */
  --la-h2-size: 20px;           /* sheet- en sectietitel, w700 */
  --la-intro-size: 17px;        /* intro onder header, w400, lh 1.5 */
  --la-body-size: 16px;         /* knoppen, labels, w500-700 */
  --la-small-size: 14px;        /* hulptekst, w500 */

  /* Ronding */
  --la-r-chip: 12px;
  --la-r-input: 16px;           /* AppTextField, AppButton */
  --la-r-button: 18px;          /* _BlockButton (dock) */
  --la-r-card: 20px;
  --la-r-sheet: 30px;           /* witte sheet onder de header */

  /* Afstand en maten */
  --la-gutter: 24px;            /* zijmarge schermen */
  --la-button-h: 56px;
  --la-shadow-input: 0 2px 3px rgba(2, 6, 23, 0.02);

  /* Beweging */
  --la-fast: 150ms;
  --la-base: 220ms;
}