/* İlk Lokma tasarım belirteçleri. Tek kaynak: tasarım belgesi bölüm 7. */
@font-face {
  font-family: "Nunito";
  src: url("../fonts/Nunito-Variable.ttf") format("truetype");
  font-weight: 200 1000;
  font-display: swap;
}

:root {
  --color-primary: #546C3C;
  --color-primary-dark: #435831;
  --color-primary-light: #E8EEDF;
  --color-accent: #F48D46;
  --color-accent-dark: #A84C17;
  --color-accent-light: #FCE6D5;
  --color-background: #FDF4EA;
  --color-surface: #FFFFFF;
  --color-text: #26301F;
  --color-text-muted: #5F6957;
  --color-divider: #E6DACA;
  --color-field-border: #8A7F70;
  --color-danger: #B3261E;
  --color-danger-light: #FBE9E7;
  --color-warning: #8A6100;
  --color-warning-light: #FBF0D0;
  --color-info: #2F6B8F;
  --color-info-light: #E3EEF4;

  --font-family: "Nunito", "Segoe UI", system-ui, sans-serif;
  --text-display: 800 28px/34px var(--font-family);
  --text-h1: 700 24px/30px var(--font-family);
  --text-h2: 700 20px/26px var(--font-family);
  --text-title: 700 17px/24px var(--font-family);
  --text-body: 400 16px/24px var(--font-family);
  --text-body-small: 400 14px/20px var(--font-family);
  --text-label: 600 12px/16px var(--font-family);

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-screen: 20px;

  --radius-button: 16px;
  --radius-card: 20px;
  --radius-field: 14px;
  --radius-chip: 999px;
}