/* ==========================================================================
   BebekMatik — İznik tasarım sistemi
   Renkler İznik çinisinin üç tarihsel pigmentinden türetildi:
   çini turkuazı, nar kırmızısı, gece kobaltı.
   ========================================================================== */

/* --- Yazı tipleri ------------------------------------------------------
   Kendi sunucumuzdan (Google Fonts'a istek yok: ziyaretçinin IP'si yurt dışına gitmez).
   Source Serif 4 (başlıklar) ve Source Sans 3 (metin), Adobe, SIL Open Font License 1.1.
   latin + latin-ext alt kümesi Türkçe harfleri (ğ ş ı İ ö ü ç) kapsar. */
@font-face { font-family: "Source Sans 3"; font-style: normal; font-weight: 400; font-display: swap;
  src: url("../fonts/source-sans-3-400.woff2") format("woff2"); }
@font-face { font-family: "Source Sans 3"; font-style: italic; font-weight: 400; font-display: swap;
  src: url("../fonts/source-sans-3-400-italic.woff2") format("woff2"); }
@font-face { font-family: "Source Sans 3"; font-style: normal; font-weight: 500; font-display: swap;
  src: url("../fonts/source-sans-3-500.woff2") format("woff2"); }
@font-face { font-family: "Source Sans 3"; font-style: normal; font-weight: 600; font-display: swap;
  src: url("../fonts/source-sans-3-600.woff2") format("woff2"); }
@font-face { font-family: "Source Sans 3"; font-style: normal; font-weight: 700; font-display: swap;
  src: url("../fonts/source-sans-3-700.woff2") format("woff2"); }
@font-face { font-family: "Source Serif 4"; font-style: normal; font-weight: 400; font-display: swap;
  src: url("../fonts/source-serif-4-400.woff2") format("woff2"); }
@font-face { font-family: "Source Serif 4"; font-style: normal; font-weight: 600; font-display: swap;
  src: url("../fonts/source-serif-4-600.woff2") format("woff2"); }
@font-face { font-family: "Source Serif 4"; font-style: normal; font-weight: 700; font-display: swap;
  src: url("../fonts/source-serif-4-700.woff2") format("woff2"); }
@font-face { font-family: "Source Serif 4"; font-style: normal; font-weight: 800; font-display: swap;
  src: url("../fonts/source-serif-4-800.woff2") format("woff2"); }

:root {
  /* --- Marka: çini turkuazı ------------------------------------------- */
  --cini-50:  #E0F0EE;
  --cini-100: #C4E4E0;
  --cini-200: #9BD1CB;
  --cini-300: #6FBDB7;
  --cini-400: #37978F;
  --cini-500: #17807C;
  --cini-600: #0F6F6C;
  --cini-700: #0A5654;
  --cini-800: #083E3C;
  --cini-900: #062A29;

  /* --- Eylem: nar kırmızısı ------------------------------------------- */
  --nar-50:  #FDF2EE;
  --nar-100: #FBE7E1;
  --nar-200: #F3C4B6;
  --nar-300: #E58166;
  --nar-400: #D4523A;
  --nar-500: #CE4C33;
  --nar-600: #C4472F;
  --nar-700: #9C3523;
  --nar-800: #6E2418;

  /* --- Sıcaklık: bal --------------------------------------------------- */
  --bal-50:  #FDF8EF;
  --bal-100: #FAEFDA;
  --bal-200: #F4DDAF;
  --bal-300: #EBBF74;
  --bal-400: #E2A13C;
  --bal-500: #C2831F;
  --bal-600: #A8711B;
  --bal-700: #96621A;
  --bal-800: #6B4512;

  /* --- Gece kobaltı ---------------------------------------------------- */
  --gece-50:  #E7EDF3;
  --gece-100: #C2D4E2;
  --gece-200: #8FB0C9;
  --gece-300: #4C6F8C;
  --gece-500: #1E3A54;
  --gece-700: #14283C;
  --gece-900: #0B1724;

  /* --- Sıcak taş nötrler ---------------------------------------------- */
  --tas-0:   #FFFFFF;
  --tas-50:  #FAF7F2;
  --tas-100: #F3EEE6;
  --tas-200: #E4DCD0;
  --tas-300: #CFC3B2;
  --tas-400: #A99C8B;
  --tas-500: #857C70;
  --tas-600: #6E675E;
  --tas-700: #4A453E;
  --tas-800: #2F2C28;
  --tas-900: #22201D;

  /* --- Anlamsal roller (bileşenler yalnızca bunları kullanır) ---------- */
  --color-primary:        var(--cini-600);
  --color-primary-hover:  var(--cini-700);
  --color-primary-light:  var(--cini-50);
  --color-primary-dark:   var(--cini-800);
  --color-on-primary:     #FFFFFF;

  --color-action:         var(--nar-600);
  --color-action-hover:   var(--nar-700);
  --color-action-light:   var(--nar-100);
  --color-on-action:      #FFFFFF;

  --color-accent:         var(--bal-400);
  --color-accent-text:    var(--bal-700);
  --color-accent-light:   var(--bal-100);

  --color-bg:             var(--tas-50);
  --color-bg-deep:        var(--tas-100);
  --color-surface:        var(--tas-0);
  --color-surface-alt:    var(--tas-100);
  --color-surface-hover:  var(--tas-100);
  --color-border:         var(--tas-200);
  --color-border-strong:  var(--tas-300);

  --color-text-main:      var(--tas-900);
  --color-text-body:      var(--tas-700);
  --color-text-muted:     var(--tas-600);
  --color-text-faint:     #766E62;   /* beyazda 5.0:1, zeminde 4.7:1 (WCAG AA) */
  --color-text-invert:    #FFFFFF;

  --color-success:        #56753F;
  --color-success-light:  #ECF1E3;
  --color-warning:        var(--bal-500);
  --color-warning-light:  var(--bal-100);
  --color-danger:         #B23A2A;
  --color-danger-light:   #FBE7E1;
  --color-info:           var(--gece-500);
  --color-info-light:     var(--gece-50);

  /* --- Modül renkleri (grafikler, listeler, ikonlar) ------------------- */
  --m-sleep: #1E3A54;     --m-sleep-bg: #E7EDF3;
  --m-feed: #96621A;      --m-feed-bg: #FAEFDA;
  --m-diaper: #56753F;    --m-diaper-bg: #ECF1E3;
  --m-health: #C4472F;    --m-health-bg: #FBE7E1;
  --m-growth: #0F6F6C;    --m-growth-bg: #E0F0EE;
  --m-miles: #6B4E7A;     --m-miles-bg: #F1EBF5;
  --m-memory: #A2555C;    --m-memory-bg: #F8E9EA;
  --m-activity: #2F6FA8;  --m-activity-bg: #E5EEF7;
  --m-vaccine: #4A6670;   --m-vaccine-bg: #E9EFF1;
  --m-peri: #6B4E7A;      --m-peri-bg: #F1EBF5;
  --m-cry: #B06A3B;       --m-cry-bg: #F8EBE0;

  /* TatliAn karti ve gece seritleri — her iki temada koyu zemin */
  --gece-yuzey: #14283C;
  --gece-yazi: #FFFFFF;
  --gece-yazi-soluk: rgba(255, 255, 255, .74);

  /* --- Tipografi ------------------------------------------------------- */
  --font-display: "Source Serif 4", Georgia, "Times New Roman", serif;
  --font-family: "Source Sans 3", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.375rem;
  --text-2xl: 1.75rem;
  --text-3xl: 2.25rem;
  --text-4xl: clamp(2.25rem, 5vw, 3.5rem);

  /* --- Ölçü ------------------------------------------------------------ */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;

  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 18px;
  --radius-xl: 26px;
  --radius-full: 999px;

  --shadow-xs: 0 1px 2px rgba(34, 32, 29, .05);
  --shadow-sm: 0 1px 2px rgba(34, 32, 29, .05), 0 4px 12px -6px rgba(34, 32, 29, .12);
  --shadow-md: 0 2px 4px rgba(34, 32, 29, .04), 0 12px 28px -12px rgba(34, 32, 29, .18);
  --shadow-lg: 0 4px 8px rgba(34, 32, 29, .04), 0 24px 48px -20px rgba(34, 32, 29, .24);
  --shadow-focus: 0 0 0 3px rgba(15, 111, 108, .28);

  --sidebar-width: 248px;
  --navbar-height: 64px;
  --bottombar-height: 64px;
  --page-max: 1180px;

  --ease: cubic-bezier(.4, 0, .2, 1);
  --hiz: 180ms;
}

/* ==========================================================================
   Gece nöbeti — bu uygulama en çok 03:00'te açılıyor.
   Ters çevrilmiş açık tema değil; her renk koyu zeminde okunacak şekilde
   ayrı seçildi.
   ========================================================================== */

:root[data-theme="gece"] {
  --color-primary:        #5CC6BC;
  --color-primary-hover:  #7BD6CD;
  --color-primary-light:  #14302E;
  --color-primary-dark:   #9BE3DB;
  --color-on-primary:     #06211F;

  --color-action:         #E4674A;
  --color-action-hover:   #F08A6B;
  --color-action-light:   #33201B;
  --color-on-action:      #1A0F0B;

  --color-accent:         #E7B765;
  --color-accent-text:    #EFCB8D;
  --color-accent-light:   #302517;

  --color-bg:             #101816;
  --color-bg-deep:        #0A100F;
  --color-surface:        #18211F;
  --color-surface-alt:    #1F2A27;
  --color-surface-hover:  #243230;
  --color-border:         #2A3733;
  --color-border-strong:  #3C4D48;

  --color-text-main:      #EFE9DF;
  --color-text-body:      #D6CFC4;
  --color-text-muted:     #97A29C;
  --color-text-faint:     #848F89;   /* yüzeyde 4.9:1 */
  --color-text-invert:    #101816;

  --color-success:        #8FBF6E;
  --color-success-light:  #1B2A16;
  --color-warning:        #E7B765;
  --color-warning-light:  #302517;
  --color-danger:         #F08A6B;
  --color-danger-light:   #33201B;
  --color-info:           #9FC0DA;
  --color-info-light:     #182430;

  --m-sleep: #9FC0DA;     --m-sleep-bg: #182430;
  --m-feed: #E7B765;      --m-feed-bg: #302517;
  --m-diaper: #9CC47C;    --m-diaper-bg: #1B2A16;
  --m-health: #F08A6B;    --m-health-bg: #33201B;
  --m-growth: #5CC6BC;    --m-growth-bg: #14302E;
  --m-miles: #C0A0CE;     --m-miles-bg: #271E2C;
  --m-memory: #E0929A;    --m-memory-bg: #2E1D20;
  --m-activity: #86B4E0;  --m-activity-bg: #17232F;
  --m-vaccine: #9FB6BE;   --m-vaccine-bg: #1B2529;
  --m-peri: #C0A0CE;      --m-peri-bg: #271E2C;
  --m-cry: #DFA475;       --m-cry-bg: #2E2016;

  --gece-yuzey: #15202C;
  --gece-yazi: #EFE9DF;
  --gece-yazi-soluk: rgba(239, 233, 223, .68);

  --shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, .4), 0 6px 16px -8px rgba(0, 0, 0, .6);
  --shadow-md: 0 2px 4px rgba(0, 0, 0, .4), 0 16px 32px -16px rgba(0, 0, 0, .7);
  --shadow-lg: 0 4px 10px rgba(0, 0, 0, .5), 0 28px 56px -24px rgba(0, 0, 0, .8);
  --shadow-focus: 0 0 0 3px rgba(92, 198, 188, .32);
}

/* Kullanıcı tema seçmediyse işletim sistemi tercihini izle. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="gunduz"]) {
    --color-primary:        #5CC6BC;
    --color-primary-hover:  #7BD6CD;
    --color-primary-light:  #14302E;
    --color-primary-dark:   #9BE3DB;
    --color-on-primary:     #06211F;

    --color-action:         #E4674A;
    --color-action-hover:   #F08A6B;
    --color-action-light:   #33201B;
    --color-on-action:      #1A0F0B;

    --color-accent:         #E7B765;
    --color-accent-text:    #EFCB8D;
    --color-accent-light:   #302517;

    --color-bg:             #101816;
    --color-bg-deep:        #0A100F;
    --color-surface:        #18211F;
    --color-surface-alt:    #1F2A27;
    --color-surface-hover:  #243230;
    --color-border:         #2A3733;
    --color-border-strong:  #3C4D48;

    --color-text-main:      #EFE9DF;
    --color-text-body:      #D6CFC4;
    --color-text-muted:     #97A29C;
    --color-text-faint:     #848F89;   /* yüzeyde 4.9:1 */
    --color-text-invert:    #101816;

    --color-success:        #8FBF6E;
    --color-success-light:  #1B2A16;
    --color-warning:        #E7B765;
    --color-warning-light:  #302517;
    --color-danger:         #F08A6B;
    --color-danger-light:   #33201B;
    --color-info:           #9FC0DA;
    --color-info-light:     #182430;

    --m-sleep: #9FC0DA;     --m-sleep-bg: #182430;
    --m-feed: #E7B765;      --m-feed-bg: #302517;
    --m-diaper: #9CC47C;    --m-diaper-bg: #1B2A16;
    --m-health: #F08A6B;    --m-health-bg: #33201B;
    --m-growth: #5CC6BC;    --m-growth-bg: #14302E;
    --m-miles: #C0A0CE;     --m-miles-bg: #271E2C;
    --m-memory: #E0929A;    --m-memory-bg: #2E1D20;
    --m-activity: #86B4E0;  --m-activity-bg: #17232F;
    --m-vaccine: #9FB6BE;   --m-vaccine-bg: #1B2529;
    --m-peri: #C0A0CE;      --m-peri-bg: #271E2C;
    --m-cry: #DFA475;       --m-cry-bg: #2E2016;

    --gece-yuzey: #15202C;
    --gece-yazi: #EFE9DF;
    --gece-yazi-soluk: rgba(239, 233, 223, .68);

    --shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, .4), 0 6px 16px -8px rgba(0, 0, 0, .6);
    --shadow-md: 0 2px 4px rgba(0, 0, 0, .4), 0 16px 32px -16px rgba(0, 0, 0, .7);
    --shadow-lg: 0 4px 10px rgba(0, 0, 0, .5), 0 28px 56px -24px rgba(0, 0, 0, .8);
    --shadow-focus: 0 0 0 3px rgba(92, 198, 188, .32);
  }
}