/* ============================================================
   VELARY US — design tokens
   Источник: Figma TRZMB0nNQAYEtGgm9FSifd (страница 4001:2)
   Все цвета задаются ТОЛЬКО здесь. Хардкод в других файлах запрещён.
   ============================================================ */

:root {
  /* --- Поверхности (светлая тема) --- */
  --bg-hero:        #FFF3A5;
  --bg-page:        #FFFFFF;
  --bg-about:       #FFFFFF;   /* 4005:1774 › Frame 2 */
  --photo-bg:       #FFF3A5;   /* 4005:1940 › подложка фото */
  --bg-footer:      #FFE017;
  --bg-header:      transparent;
  --bg-header-stuck: rgba(255, 243, 165, .72);

  /* --- Текст --- */
  --text:           #000000;
  --text-body:      #000000;
  --text-invert:    #FFFFFF;

  /* --- Каракуля и заголовок героя --- */
  --ink:            #0D0D0D;
  --hey-stroke:     rgba(221, 214, 167, .85);   /* каракуля HEY! на About */

  /* --- Гигантская надпись WORKS (две половины на границе секций) --- */
  --ghost-top:      #FFE017;
  --ghost-top-op:   .5;
  --ghost-bottom:   #000000;
  --ghost-bottom-op: .05;

  /* --- Карточки --- */
  --card-overlay:   rgba(96, 96, 96, .2);   /* hover, Status=Active */
  --card-radius:    18px;

  /* --- Пилюли навыков (About) --- */
  --skill-bg:       #F7F7F7;
  --skill-text:     #737373;

  /* --- Кнопка Download CV --- */
  --cv-bg:          #B7B4A3;
  --cv-bg-hover:    #928D7E;

  /* --- Фирменные цвета проектов (не меняются между темами) --- */
  --softpay-bg:     #B6BE50;
  --aurea-bg:       #9AB3C8;
  --aurea-frame:    #6B4F39;
  --aurea-border:   #E76C28;
  --dogportal-bg:   #F8F5EE;
  --dogportal-line: rgba(22, 46, 28, .08);
  --dogportal-title:#655239;
  --dogportal-text: #173520;
  /* «Стекло» из макета (Button_figma, бейдж на обложке SoftPay).
     Замерено по экспорту: заливка белым 10 %, размытие фона σ≈1.8px,
     белая обводка толщиной 0.5px почти в полную непрозрачность. */
  --backdrop-subtle: rgba(255, 255, 255, .1);
  --glass-blur:      1.8px;
  --glass-rim:       rgba(255, 255, 255, .9);

  /* --- Типографика --- */
  --font-display: 'Syne', 'Inter Tight', system-ui, sans-serif;
  --font-body:    'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-serif:   'Viaoda Libre', Georgia, serif;

  /* --- Сетка --- */
  --header-h:     59px;
  --shell-max:    1600px;
  --shell-pad:    40px;
  --grid-max:     1291px;
  --case-max:     1140px;

  /* --- Движение --- */
  --hero-duration: 3.2s;
  --hero-iterations: 1;          /* 1 = проиграть один раз при загрузке; infinite = как в Figma */
  --ease-out: cubic-bezier(0, 0, .58, 1);
}

/* ============================================================
   Тёмная тема
   ============================================================ */
[data-theme="dark"] {
  --bg-hero:        #32312A;
  --bg-page:        #67665F;
  --bg-about:       #32312A;   /* 4315:9116 › Frame 2 */
  --photo-bg:       rgba(103, 102, 95, .2);   /* 4315:9221 — #67665F 20% поверх фона */
  --bg-footer:      #FFE017;
  --bg-header-stuck: rgba(50, 49, 42, .72);

  --text:           #FFF3A5;
  --text-body:      #FFFFFF;

  --ink:            #FFF3A5;
  --hey-stroke:     rgba(221, 214, 167, .10);   /* 4315:9173 — тот же цвет, прозрачность 10% */

  --ghost-top:      #FFFFFF;
  --ghost-top-op:   .05;
  --ghost-bottom:   #FFFFFF;
  --ghost-bottom-op: .05;

  --card-overlay:   rgba(255, 255, 255, .14);

  --skill-bg:       #4E4C41;
  --skill-text:     #A8A79F;

  --cv-bg:          #646254;
  --cv-bg-hover:    #7A7867;
}

/* Тёмная тема остаётся жёлтой в футере — текст там всегда чёрный */
.footer { --text: #000000; --text-body: #000000; }