/*
  3180 design tokens v0.7
  Единый источник цветов и градиентов.
*/

:root {
  --3180-bg-graphite: #080A0C;
  --3180-bg-graphite-2: #0B0D10;
  --3180-deep-metal: #14171A;
  --3180-panel-dark: #171A17;
  --3180-panel-dark-2: #20231E;

  --3180-aged-steel: #5F5B52;
  --3180-aged-steel-2: #6B665B;
  --3180-metal-edge: #A89F8B;
  --3180-metal-edge-2: #B8AD97;
  --3180-dust-scratch: #3D3A34;

  --3180-old-gold: #8A6F45;
  --3180-old-gold-2: #A9824A;

  --3180-rift-core: #1E76FF;
  --3180-rift-core-2: #2DA8FF;
  --3180-rift-glow: #4DB7E8;
  --3180-rift-glow-2: #7ED3FF;
  --3180-rift-depth: #062A4A;
  --3180-rift-depth-2: #0A1A2E;

  --3180-text-main: #D6C7AF;
  --3180-text-muted: #BDA98A;
  --3180-text-dust: #8F8069;
  --3180-text-steel: #8C9497;
  --3180-text-steel-light: #B1B3AC;
  --3180-text-ink: #211D17;

  --3180-line-soft: rgba(214, 199, 175, 0.16);
  --3180-line-medium: rgba(214, 199, 175, 0.26);
  --3180-line-bronze: rgba(138, 111, 69, 0.36);

  /* Заголовки на тёмном фоне: низ светлый металл, не чёрный */
  --3180-grad-title-on-dark:
    linear-gradient(
      180deg,
      #E8D8B5 0%,
      #D0B77F 24%,
      #A9824A 48%,
      #8A6F45 70%,
      #B8AD97 100%
    );

  /* Заголовки на светлой бумаге: бронза/чернила + золотая кромка */
  --3180-grad-title-on-light:
    linear-gradient(
      180deg,
      #B88F51 0%,
      #6E4D25 25%,
      #302319 54%,
      #7A5E36 78%,
      #C6A66E 100%
    );

  --3180-grad-rift-text:
    linear-gradient(
      180deg,
      #7ED3FF 0%,
      #2DA8FF 48%,
      #0A1A2E 100%
    );

  --3180-grad-wear:
    repeating-linear-gradient(
      105deg,
      rgba(255,255,255,0.13) 0 1px,
      rgba(0,0,0,0.16) 1px 2px,
      transparent 2px 7px
    );

  --3180-shadow-title-on-dark:
    0 1px 0 rgba(255,255,255,0.035),
    0 2px 7px rgba(0,0,0,0.78),
    0 0 12px rgba(169,130,74,0.10);

  --3180-shadow-title-on-light:
    0 1px 0 rgba(255,255,255,0.22),
    0 1px 3px rgba(33,29,23,0.30),
    0 0 12px rgba(169,130,74,0.12);

  --3180-shadow-panel: 0 20px 42px rgba(0,0,0,0.34);
}

.text-3180-title-dark,
.text-title-on-dark {
  background-image: var(--3180-grad-title-on-dark), var(--3180-grad-wear);
  background-blend-mode: normal, overlay;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  text-shadow: var(--3180-shadow-title-on-dark);
}

.text-3180-title-light,
.text-title-on-light {
  background-image: var(--3180-grad-title-on-light), var(--3180-grad-wear);
  background-blend-mode: normal, overlay;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  text-shadow: var(--3180-shadow-title-on-light);
}

.text-3180-rift {
  background-image: var(--3180-grad-rift-text);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  text-shadow:
    0 0 12px rgba(77,183,232,0.30),
    0 2px 10px rgba(0,0,0,0.62);
}

/* === 3180 font system v0.8 === */

:root {
  --3180-font-body: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --3180-font-heading: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --3180-font-display: "Unbounded", "Manrope", system-ui, sans-serif;
}

/* === 3180 typography roles v1.0 === */

:root {
  --3180-font-body: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --3180-font-heading: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --3180-font-section: "Unbounded", "Manrope", system-ui, sans-serif;
  --3180-font-display: "Unbounded", "Manrope", system-ui, sans-serif;

  --3180-section-title-letter-spacing: 0.045em;
  --3180-section-title-scale-y: 1.12;
  --3180-section-title-size: clamp(16px, 1.05vw, 22px);
}

/* === 3180 subtle body text gradients v1.0 === */

:root {
  --3180-grad-body-on-dark:
    linear-gradient(
      180deg,
      #CFC1A8 0%,
      #B7A78A 46%,
      #95866E 100%
    );

  --3180-grad-body-on-light:
    linear-gradient(
      180deg,
      #4B3822 0%,
      #2C2116 52%,
      #5C472C 100%
    );

  --3180-grad-body-wear:
    repeating-linear-gradient(
      105deg,
      rgba(255,255,255,0.055) 0 1px,
      rgba(0,0,0,0.055) 1px 2px,
      transparent 2px 9px
    );
}

/* === 3180 gradients + surfaces v1.5 ===
   Правка:
   - тёмная часть текста чуть светлее;
   - общие контейнеры получают поднятый графит, не проваливаются в чёрный.
*/

:root {
  --3180-section-surface: rgba(20, 23, 26, 0.86);
  --3180-section-surface-lift: rgba(32, 35, 30, 0.42);
  --3180-section-line: rgba(184, 173, 151, 0.20);

  --3180-grad-title-on-dark:
    linear-gradient(
      180deg,
      #EAD9B8 0%,
      #D8C18F 24%,
      #B88F51 48%,
      #A9824A 70%,
      #C1B59D 100%
    );

  --3180-grad-title-on-light:
    linear-gradient(
      180deg,
      #C59A5B 0%,
      #76532B 25%,
      #3C2C1C 54%,
      #8A6F45 78%,
      #D2B477 100%
    );

  --3180-grad-body-on-dark:
    linear-gradient(
      180deg,
      #D7C8AF 0%,
      #BFAE91 48%,
      #AA9C82 100%
    );

  --3180-shadow-title-on-dark:
    0 1px 0 rgba(255,255,255,0.04),
    0 2px 7px rgba(0,0,0,0.72),
    0 0 12px rgba(169,130,74,0.13);
}

/* === 3180 text readability v1.6 ===
   Мелкий текст был темноват из-за градиента.
   Делаем обычный текст светлее и мягче, без ухода в грязный низ.
*/

:root {
  --3180-grad-body-on-dark:
    linear-gradient(
      180deg,
      #E2D2B8 0%,
      #CCBB9D 44%,
      #B8AA91 100%
    );

  --3180-grad-body-on-light:
    linear-gradient(
      180deg,
      #5C4328 0%,
      #3C2C1C 48%,
      #725735 100%
    );

  --3180-grad-body-wear:
    repeating-linear-gradient(
      105deg,
      rgba(255,255,255,0.040) 0 1px,
      rgba(0,0,0,0.035) 1px 2px,
      transparent 2px 10px
    );

  /* Заголовки тоже совсем немного поднимаем в нижней части */
  --3180-grad-title-on-dark:
    linear-gradient(
      180deg,
      #EBDCBC 0%,
      #D9C493 24%,
      #BE9558 48%,
      #AE8A52 70%,
      #C8BDA7 100%
    );
}

/* === 3180 content card hover tokens v1.7 === */

:root {
  --3180-card-hover-border: rgba(214, 199, 175, 0.34);
  --3180-card-hover-border-blue: rgba(77, 183, 232, 0.22);
  --3180-card-hover-bg:
    linear-gradient(180deg, rgba(255,255,255,0.050), rgba(255,255,255,0.016)),
    rgba(8,10,12,0.58);
  --3180-card-hover-shadow:
    0 18px 36px rgba(0,0,0,0.26),
    0 0 22px rgba(77,183,232,0.045),
    inset 0 1px 0 rgba(255,255,255,0.035);
}


/* ============================================================
   Global site layout tokens v8.3
   ============================================================ */

:root {
  --3180-site-section-width: min(96vw, 2260px);
  --3180-site-section-padding: clamp(28px, 3.2vw, 72px);
  --3180-section-gap-y: clamp(16px, 1.8vw, 28px);
}