/*
 * Design tokens ported verbatim from the Flutter app's core/theme/*.dart
 * (AppColors, AppTextStyles, AppSpacing, AppRadius, AppLayout). Keep these in
 * sync with the Flutter source if that theme ever changes.
 */

:root {
  /* AppColors (lib/core/theme/colors.dart) */
  --color-primary: #7E9163;
  --color-background: #F0E9D3;
  --color-white: #FFFFFF;
  --color-black: #1B1B18;
  --color-grey-50: #F7F7F5;
  --color-grey-100: #E9E9E5;
  --color-grey-200: #DDDDD8;
  --color-grey-300: #C7C7C0;
  --color-grey-500: #85857E;
  --color-grey-700: #52524D;
  --color-success: #3E7A4A;
  --color-warning: #E19A32;
  --color-error: #B74242;
  --color-transparent: transparent;

  /* AppSpacing (lib/core/theme/app_spacing.dart) */
  --space-xxs: 4px;
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-xxl: 48px;

  /* AppRadius (lib/core/theme/app_radius.dart) */
  --radius-small: 12px;
  --radius-medium: 16px;
  --radius-large: 24px;
  --radius-pill: 999px;

  /* AppTextStyles (lib/core/theme/app_text_styles.dart) */
  --font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  /* AppIcons (lib/core/constants/app_icons.dart) - Material icon glyphs, matching Flutter's Icons.*_outlined set */
  --icon-font-family: 'Material Symbols Outlined';

  --text-heading-size: 32px;
  --text-heading-weight: 700;
  --text-heading-line: 1.15;

  --text-title-size: 24px;
  --text-title-weight: 700;
  --text-title-line: 1.2;

  --text-title-small-size: 20px;
  --text-title-small-weight: 700;
  --text-title-small-line: 1.2;

  --text-subtitle-size: 18px;
  --text-subtitle-weight: 500;
  --text-subtitle-line: 1.35;

  --text-body-size: 16px;
  --text-body-weight: 400;
  --text-body-line: 1.5;

  --text-caption-size: 14px;
  --text-caption-weight: 400;
  --text-caption-line: 1.4;

  --text-button-size: 16px;
  --text-button-weight: 700;
  --text-button-line: 1.25;

  --text-small-size: 12px;
  --text-small-weight: 500;
  --text-small-line: 1.35;

  /* AppLayout (lib/core/theme/app_layout.dart) */
  --card-shadow: 0 2px 12px rgba(27, 27, 24, 0.08);
  --anim-fast: 220ms;
  --anim-medium: 280ms;
  --anim-entrance: 500ms;

  /* Desktop shell (not present in the mobile Flutter app - see plan) */
  --sidebar-width: 248px;
  --topbar-height: 72px;
  --small-screen-breakpoint: 900px;
}