:root {
  --dc-font-display: "Cormorant Garamond", Georgia, serif;
  --dc-font-ui: "Inter", "Segoe UI", Arial, sans-serif;

  --dc-text-main: #ebe1d7;
  --dc-text-light: #ece1d5;
  --dc-text-soft: #e7dacb;
  --dc-text-button: #ddd2c5;
  --dc-text-hover: #f6eadb;
  --dc-text-card: #f0e4d6;
  --dc-text-muted: rgba(219, 212, 208, 0.76);
  --dc-text-card-muted: rgba(227, 217, 206, 0.76);

  --dc-accent: #b59470;
  --dc-accent-soft: #bb9a76;
  --dc-accent-icon: #b79267;
  --dc-icon-muted: #9f9488;

  --dc-border-soft: rgba(170, 140, 108, 0.08);
  --dc-border-medium: rgba(170, 140, 108, 0.16);
  --dc-border-light: rgba(167, 136, 102, 0.1);
  --dc-border-card: rgba(171, 140, 106, 0.1);
  --dc-border-button: rgba(170, 138, 104, 0.22);
  --dc-border-hover: rgba(190, 155, 118, 0.42);
  --dc-border-card-hover: rgba(181, 149, 115, 0.18);

  --dc-line-fade-strong: rgba(176, 143, 104, 0.45);
  --dc-line-fade-soft: rgba(176, 143, 104, 0.06);

  --dc-white-01: rgba(255, 255, 255, 0.01);
  --dc-white-012: rgba(255, 255, 255, 0.012);
  --dc-white-015: rgba(255, 255, 255, 0.015);
  --dc-white-02: rgba(255, 255, 255, 0.02);
  --dc-white-08: rgba(255, 255, 255, 0.08);

  --dc-black-00: rgba(0, 0, 0, 0);
  --dc-black-08: rgba(0, 0, 0, 0.08);
  --dc-black-10: rgba(0, 0, 0, 0.1);
  --dc-black-12: rgba(0, 0, 0, 0.12);
  --dc-black-14: rgba(0, 0, 0, 0.14);
  --dc-black-18: rgba(0, 0, 0, 0.18);
  --dc-black-42: rgba(0, 0, 0, 0.42);

  --dc-bg-news-1: rgba(6, 7, 10, 0.94);
  --dc-bg-news-2: rgba(8, 9, 12, 0.88);
  --dc-bg-news-3: rgba(8, 8, 10, 0.92);

  --dc-bg-hero-1: rgba(6, 7, 10, 0.96);
  --dc-bg-hero-2: rgba(8, 9, 13, 0.9);
  --dc-bg-hero-3: rgba(12, 11, 12, 0.62);
  --dc-bg-hero-4: rgba(10, 8, 8, 0.28);

  --dc-bg-button: rgba(9, 10, 13, 0.22);
  --dc-bg-button-hover: rgba(14, 14, 18, 0.34);
  --dc-bg-card: rgba(7, 8, 10, 0.22);
  --dc-bg-card-hover: rgba(9, 10, 13, 0.3);

  --dc-overlay-warm: rgba(133, 110, 88, 0.045);
  --dc-overlay-warm-hero: rgba(140, 120, 102, 0.08);
  --dc-overlay-cool-hero: rgba(210, 215, 225, 0.04);
  --dc-overlay-panel-left: rgba(5, 6, 9, 0.42);
  --dc-overlay-panel-mid: rgba(5, 6, 9, 0.12);

  --dc-shadow-news:
    inset 0 0 0 1px var(--dc-white-01),
    inset 0 20px 50px var(--dc-white-01),
    inset 0 -30px 70px var(--dc-black-18);

  --dc-shadow-thumb:
    inset 0 0 0 1px var(--dc-white-012),
    0 10px 24px var(--dc-black-12);

  --dc-shadow-hero:
    inset 0 0 0 1px var(--dc-white-02),
    inset 0 0 120px var(--dc-black-42);

  --dc-shadow-button:
    inset 0 0 0 1px var(--dc-white-02),
    0 8px 24px var(--dc-black-14);

  --dc-shadow-card:
    inset 0 0 0 1px var(--dc-white-015),
    0 4px 18px var(--dc-black-10);

  --dc-text-gradient:
    linear-gradient(
      to bottom,
      #faf9f7 0%,
      #e5dfdb 16%,
      #b6b2b5 36%,
      #f0ece8 56%,
      #969294 78%,
      #ebe7e5 100%
    );

  --dc-news-image: url(../../../images/style/devil/bodyhouse2.png);
  --dc-hero-image: url(../../../images/style/devil/headerbody.png);
  --dc-body-image: url(../../../images/style/devil/body.png);  
  --dc-online-image: url(../../../images/style/devil/online.png);
}