[data-cmc-tema="okyanus"][data-cmc-mod="light"] {
  --cmc-yuzey-zemin: #F0FDFA;
  --cmc-yuzey-ust: #FFFFFF;
  --cmc-yuzey-kart: #FFFFFF;
  --cmc-yuzey-yuzen: #FFFFFF;
  --cmc-metin: #134E4A;
  --cmc-metin-zayif: #0F766E;
  --cmc-kenar: #99F6E4;
  --cmc-accent: #0D9488;
  --cmc-accent-hover: #0F766E;
  --cmc-accent-2: #22D3EE;
  --cmc-accent-yumusak: color-mix(in srgb, #0D9488 12%, transparent);
  --cmc-hata: #DC2626;
  --cmc-uyari: #D97706;
  --cmc-basari: #059669;
  --cmc-golge-sm: 0 1px 3px rgb(19 78 74 / 8%), 0 1px 2px rgb(19 78 74 / 5%);
  --cmc-golge-md: 0 4px 12px rgb(19 78 74 / 10%);
  --cmc-odak-halka: 0 0 0 3px color-mix(in srgb, #0D9488 35%, transparent);
}

[data-cmc-tema="okyanus"][data-cmc-mod="dark"] {
  --cmc-yuzey-zemin: #042F2E;
  --cmc-yuzey-ust: #0F3D3C;
  --cmc-yuzey-kart: #0F3D3C;
  --cmc-yuzey-yuzen: #134E4A;
  --cmc-metin: #CCFBF1;
  --cmc-metin-zayif: #5EEAD4;
  --cmc-kenar: #115E59;
  --cmc-accent: #2DD4BF;
  --cmc-accent-hover: #5EEAD4;
  --cmc-accent-2: #67E8F9;
  --cmc-accent-yumusak: color-mix(in srgb, #2DD4BF 16%, transparent);
  --cmc-hata: #F87171;
  --cmc-uyari: #FBBF24;
  --cmc-basari: #34D399;
  --cmc-golge-sm: 0 1px 3px rgb(0 0 0 / 36%);
  --cmc-golge-md: 0 4px 12px rgb(0 0 0 / 44%);
  --cmc-odak-halka: 0 0 0 3px color-mix(in srgb, #2DD4BF 40%, transparent);
}

[data-cmc-tema="okyanus"][data-cmc-mod="dim"] {
  --cmc-yuzey-zemin: #CFE0DD;
  --cmc-yuzey-ust: #E9EEED;
  --cmc-yuzey-kart: #E9EEED;
  --cmc-yuzey-yuzen: #EAEFEF;
  --cmc-metin: #1C5752;
  --cmc-metin-zayif: #1D8B80;
  --cmc-kenar: #78D2C3;
  --cmc-accent: #119C8F;
  --cmc-accent-hover: #18847A;
  --cmc-accent-2: #2AD6EF;
  --cmc-accent-yumusak: color-mix(in srgb, #119C8F 16%, transparent);
  --cmc-hata: #DE2C2C;
  --cmc-uyari: #DC7D08;
  --cmc-basari: #099B6D;
  --cmc-golge-sm: 0 1px 3px rgb(19 78 74 / 12%), 0 1px 2px rgb(19 78 74 / 9%);
  --cmc-golge-md: 0 4px 12px rgb(19 78 74 / 14%);
  --cmc-odak-halka: 0 0 0 3px color-mix(in srgb, #119D90 36%, transparent);
}