[data-cmc-tema="grafit"][data-cmc-mod="light"] {
  --cmc-yuzey-zemin: #FAFAFA;
  --cmc-yuzey-ust: #FFFFFF;
  --cmc-yuzey-kart: #FFFFFF;
  --cmc-yuzey-yuzen: #FFFFFF;
  --cmc-metin: #18181B;
  --cmc-metin-zayif: #71717A;
  --cmc-kenar: #E4E4E7;
  --cmc-accent: #52525B;
  --cmc-accent-hover: #3F3F46;
  --cmc-accent-2: #6366F1;
  --cmc-accent-yumusak: color-mix(in srgb, #52525B 10%, transparent);
  --cmc-hata: #DC2626;
  --cmc-uyari: #D97706;
  --cmc-basari: #059669;
  --cmc-golge-sm: 0 1px 3px rgb(24 24 27 / 6%), 0 1px 2px rgb(24 24 27 / 4%);
  --cmc-golge-md: 0 4px 12px rgb(24 24 27 / 8%);
  --cmc-odak-halka: 0 0 0 3px color-mix(in srgb, #52525B 30%, transparent);
}

[data-cmc-tema="grafit"][data-cmc-mod="dark"] {
  --cmc-yuzey-zemin: #09090B;
  --cmc-yuzey-ust: #18181B;
  --cmc-yuzey-kart: #18181B;
  --cmc-yuzey-yuzen: #27272A;
  --cmc-metin: #FAFAFA;
  --cmc-metin-zayif: #A1A1AA;
  --cmc-kenar: #3F3F46;
  --cmc-accent: #A1A1AA;
  --cmc-accent-hover: #D4D4D8;
  --cmc-accent-2: #818CF8;
  --cmc-accent-yumusak: color-mix(in srgb, #A1A1AA 14%, transparent);
  --cmc-hata: #F87171;
  --cmc-uyari: #FBBF24;
  --cmc-basari: #34D399;
  --cmc-golge-sm: 0 1px 3px rgb(0 0 0 / 32%);
  --cmc-golge-md: 0 4px 12px rgb(0 0 0 / 40%);
  --cmc-odak-halka: 0 0 0 3px color-mix(in srgb, #A1A1AA 35%, transparent);
}

[data-cmc-tema="grafit"][data-cmc-mod="dim"] {
  --cmc-yuzey-zemin: #D8D8D9;
  --cmc-yuzey-ust: #EAEAEA;
  --cmc-yuzey-kart: #EAEAEA;
  --cmc-yuzey-yuzen: #ECECEC;
  --cmc-metin: #232326;
  --cmc-metin-zayif: #7A7A83;
  --cmc-kenar: #BCBCC0;
  --cmc-accent: #5B5B64;
  --cmc-accent-hover: #515158;
  --cmc-accent-2: #676BF2;
  --cmc-accent-yumusak: color-mix(in srgb, #5B5B64 14%, transparent);
  --cmc-hata: #DE2C2C;
  --cmc-uyari: #DC7D08;
  --cmc-basari: #099B6D;
  --cmc-golge-sm: 0 1px 3px rgb(24 24 27 / 10%), 0 1px 2px rgb(24 24 27 / 8%);
  --cmc-golge-md: 0 4px 12px rgb(24 24 27 / 12%);
  --cmc-odak-halka: 0 0 0 3px color-mix(in srgb, #5D5D66 31%, transparent);
}