/*
 * Tasarım token'ları — TEK KAYNAK. Değerler mobil uygulamadan birebir (nobetci-eczane-mobile
 * lib/views/style/app_theme.dart, app_spacing.dart). Bileşen CSS'i (app.css) sabit renk/ölçü yazmaz, buradan okur.
 * Mobil uygulamada koyu tema yok → web'de de yok (PLAN §8.2).
 */

/* Poppins — mobil uygulamanın paketlediği dosyalar (google_fonts/, SIL Open Font License 1.1). */
@font-face { font-family: Poppins; font-weight: 400; font-style: normal; font-display: swap; src: url("../fonts/Poppins-Regular.ttf") format("truetype"); }
@font-face { font-family: Poppins; font-weight: 500; font-style: normal; font-display: swap; src: url("../fonts/Poppins-Medium.ttf") format("truetype"); }
@font-face { font-family: Poppins; font-weight: 600; font-style: normal; font-display: swap; src: url("../fonts/Poppins-SemiBold.ttf") format("truetype"); }
@font-face { font-family: Poppins; font-weight: 700; font-style: normal; font-display: swap; src: url("../fonts/Poppins-Bold.ttf") format("truetype"); }

:root {
  /* AppTheme */
  --red: #C80C0F;            /* primaryRed — ilçe vurgusu */
  --hero-top: #DA1A1F;       /* heroTop — hero gradyanı başı */
  --header-bg: color-mix(in srgb, var(--red) 85%, var(--ink)); /* header zemini — marka kırmızısı, mürekkeple derinleştirilmiş (C seçeneği) */
  --blue: #1D70B7;           /* primaryBlue — Yakınımdakiler vurgusu, yol tarifi */
  --green: #118118;          /* greenColor — nöbet saati, "Ara" */
  --ink: #303030;            /* blackColor */
  --bg: #F4F5F7;             /* pageBackground */
  --white: #FFFFFF;
  --muted: #6B7280;          /* PharmacyCard._muted */
  --muted-2: #8A9099;        /* PharmacyOverlayBar alt başlık */
  --chev: #9CA3AF;
  --idle: #F7F7F8;           /* DutyHoursChip._idleFill */
  --line: #ECEEF1;           /* liste ayraçları */
  --border: #E3E5E8;         /* pill / çerçeveli buton */
  --border-hover: #C9CDD3;   /* kart üzerine gelince — kenar belirginleşir */
  --handle: #D8DCE2;         /* alt kart sapı */
  --green-soft: rgba(17, 129, 24, .10);
  --green-ring: rgba(17, 129, 24, .16);
  --blue-soft: rgba(29, 112, 183, .08);
  --red-soft: rgba(200, 12, 15, .06);
  --radius-fill: rgba(29, 112, 183, .92);   /* RadiusChip: accent 0.92 alfa (WCAG için altına inme) */

  /* AppSpacing */
  --s-xs: 4px; --s-sm: 8px; --s-md: 16px; --s-lg: 20px; --s-xl: 24px; --s-xxl: 32px;
  --page: 24px;              /* AppSpacing.page — sayfa kenarı */

  /* AppRadius */
  --r-sm: 8px; --r-md: 12px; --r-lg: 16px; --r-xl: 24px; --r-sheet: 32px; --r-pill: 999px;
  --r-card: 20px;            /* liste kartı (2B) */

  /* AppShadows */
  --sh-soft: 0 2px 6px rgba(0, 0, 0, .08);
  --sh-floating: 0 6px 18px rgba(0, 0, 0, .12), 0 1px 3px rgba(0, 0, 0, .04);
  --sh-card: 0 4px 16px rgba(0, 0, 0, .06);
  --sh-list: 0 2px 8px rgba(0, 0, 0, .06);
  --sh-sheet: 0 -8px 24px rgba(0, 0, 0, .10);
  --sh-modal: 0 24px 64px rgba(0, 0, 0, .28);   /* web penceresi / paylaş menüsü (#12) */
  --scrim: rgba(17, 20, 24, .45);

  /* AppMotion */
  --t-fast: 160ms;
  --t-medium: 300ms;
  --t-appear: 240ms;
  --t-sheet: 480ms;
  --ease: ease;
  --ease-sheet: cubic-bezier(.215, .61, .355, 1);   /* Curves.easeOutCubic */
  --press-scale: .985;

  /* Yazı */
  --font: Poppins, system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Yerleşim (web'e özgü; mobilde karşılığı ekranın kendisi) */
  --bar-h: 64px;             /* masaüstü üst bilgi barı */
  --desk-panel-w: 440px;     /* T1 sol panel (#12) */
  --tablet-max: 720px;       /* 768–1023 px: mobil düzen ortalanmış */
}