/* ==========================================================================
   Yapo Paneli - tema: okyanus (koyu petrol + mercan)
   SABIT-D2-6: yeni tema = bu desende css/tema-<id>.css + temalar.json satiri.
   1) PRIMITIVE --p-okyanus-*  (ham renk; #hex yalniz tema dosyalarinda serbest)
   2) SEMANTIC  14 anahtar (UI yalniz bunlari tuketir): bg-canvas, bg-surface, bg-raised, border-ui,
      text-primary, text-muted, accent, accent-2, text-on-accent, text-on-accent-2,
      status-ok, status-warn, status-err, status-info.
   Kontrast kaniti: 30-TASARIM-DILI.md Bolum 8 + tests/test_panel_statik_css.py (otomatik).
   Hassas veri YOK.
   ========================================================================== */

:root {
  /* --- Renk primitive: okyanus --- */
  --p-okyanus-bg:        #04222B;
  --p-okyanus-surface:   #0A3341;
  --p-okyanus-raised:    #12485A;
  --p-okyanus-border:    #5FA6B6;
  --p-okyanus-text:      #EFFAFC;
  --p-okyanus-muted:     #A9D3DC;
  --p-okyanus-accent:    #FF7A6B;
  --p-okyanus-accent2:   #4FD1C5;
  --p-okyanus-onaccent:  #2A0A06;
  --p-okyanus-onaccent2: #03201D;
  --p-okyanus-ok:        #4FE0A0;
  --p-okyanus-warn:      #FFC247;
  --p-okyanus-err:       #FF8A8A;
  --p-okyanus-info:      #7FC0FF;
}

[data-tema="okyanus"] {
  color-scheme: dark;
  --bg-canvas:   var(--p-okyanus-bg);
  --bg-surface:  var(--p-okyanus-surface);
  --bg-raised:   var(--p-okyanus-raised);
  --border-ui:   var(--p-okyanus-border);
  --text-primary: var(--p-okyanus-text);
  --text-muted:   var(--p-okyanus-muted);
  --accent:       var(--p-okyanus-accent);
  --accent-2:     var(--p-okyanus-accent2);
  --text-on-accent:   var(--p-okyanus-onaccent);
  --text-on-accent-2: var(--p-okyanus-onaccent2);
  --status-ok:    var(--p-okyanus-ok);
  --status-warn:  var(--p-okyanus-warn);
  --status-err:   var(--p-okyanus-err);
  --status-info:  var(--p-okyanus-info);
}