/* =====================================================================
   MANTUGLABĀTUVE.LV — Design System
   Theme: "Editorial Soft" — тёплая бумага, охра, засечки в заголовках
   ===================================================================== */

:root {
  /* ---------- CORE PALETTE ---------- */
  /* Чернила: тёплый почти-чёрный, не серый */
  --ink:          #1A1614;
  --ink-2:        #4A423C;
  --ink-3:        #7C736B;
  --ink-4:        #A79C93;

  /* Бумага: тёплые нейтрали со сдвигом в охру */
  --paper:        #FBF9F6;
  --paper-2:      #F5F2EE;
  --paper-3:      #EDE8E1;
  --white:        #FFFFFF;

  /* Акцент: благородная охра (вместо ржавого оранжевого) */
  --ochre:        #B45309;
  --ochre-hover:  #92400E;
  --ochre-deep:   #78350F;
  --ochre-light:  #FEF3E2;
  --ochre-mid:    #FDE4BF;
  --ochre-glow:   rgba(180, 83, 9, 0.14);

  /* Линии */
  --line:         #F0EAE3;
  --line-2:       #E2DAD1;

  /* ---------- SEMANTIC ---------- */
  --success:      #15803D;
  --success-bg:   #F0FDF4;
  --warning:      #A16207;
  --warning-bg:   #FEFCE8;
  --error:        #B91C1C;
  --error-bg:     #FEF2F2;
  --star:         #D97706;
  --info:         #1D4ED8;
  --info-bg:      #EFF6FF;

  /* ---------- PRICE SEGMENTS ---------- */
  --budget-bg:    #F0FDF4;
  --budget-text:  #15803D;
  --budmid-bg:    #F0FDF4;
  --budmid-text:  #166534;
  --mid-bg:       #FEF3E2;
  --mid-text:     #B45309;
  --premium-bg:   #F5F3FF;
  --premium-text: #6D28D9;

  /* ---------- TYPOGRAPHY ---------- */
  /* Source Serif 4 — заголовки с засечками.
     Выбран специально: корректно рисует латышскую диакритику (ā ī ē ģ ķ ļ ņ š ū ž)
     и имеет кириллицу для русской версии. Fraunces обе задачи проваливает. */
  --font-display: 'Source Serif 4', 'Georgia', 'Times New Roman', serif;
  /* Manrope — тело и UI, полная поддержка LV + RU */
  --font-body:    'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-ui:      var(--font-body);
  --font-semi:    var(--font-body);
  --font-mono:    ui-monospace, 'SF Mono', 'Cascadia Mono', Menlo, monospace;

  /* Размеры: плавные через clamp */
  --text-2xs:  0.6875rem;   /* 11px  — микро-лейблы */
  --text-xs:   0.75rem;     /* 12px  */
  --text-sm:   0.8125rem;   /* 13px  */
  --text-base: 0.9375rem;   /* 15px  — основной текст */
  --text-md:   1rem;        /* 16px  */
  --text-lg:   1.125rem;    /* 18px  */
  --text-xl:   1.3125rem;   /* 21px  */
  --text-2xl:  clamp(1.375rem, 1.4vw + 1rem, 1.75rem);
  --text-3xl:  clamp(1.625rem, 2vw + 1rem, 2.125rem);
  --text-4xl:  clamp(1.875rem, 2.8vw + 1rem, 2.75rem);
  --text-5xl:  clamp(2.125rem, 4vw + 1rem, 3.5rem);

  /* Начертания */
  --fw-regular:  400;
  --fw-medium:   500;
  --fw-semibold: 600;
  --fw-bold:     700;
  --fw-extra:    800;

  /* ---------- SPACING ---------- */
  --space-2xs: 0.25rem;
  --space-xs:  0.375rem;
  --space-sm:  0.5rem;
  --space-md:  1rem;
  --space-lg:  1.5rem;
  --space-xl:  2rem;
  --space-2xl: 3rem;
  --space-3xl: 4rem;
  --space-4xl: 6rem;

  /* ---------- RADIUS — крупные мягкие ---------- */
  --radius-xs:   6px;
  --radius-sm:   9px;
  --radius-md:   12px;
  --radius-lg:   16px;
  --radius-xl:   20px;
  --radius-2xl:  26px;
  --radius-pill: 9999px;
  --radius-full: 9999px;

  /* ---------- SHADOWS — тёплые, не серые ---------- */
  --shadow-xs:    0 1px 2px rgba(26, 22, 20, 0.04);
  --shadow-sm:    0 1px 3px rgba(26, 22, 20, 0.05);
  --shadow-md:    0 1px 3px rgba(26, 22, 20, 0.05), 0 8px 20px -12px rgba(26, 22, 20, 0.16);
  --shadow-lg:    0 1px 3px rgba(26, 22, 20, 0.05), 0 14px 34px -18px rgba(26, 22, 20, 0.20);
  --shadow-xl:    0 2px 6px rgba(26, 22, 20, 0.06), 0 24px 56px -24px rgba(26, 22, 20, 0.26);
  --shadow-card:  var(--shadow-md);
  --shadow-hover: 0 2px 8px rgba(26, 22, 20, 0.07), 0 20px 44px -20px rgba(26, 22, 20, 0.26);
  --shadow-ochre: 0 6px 20px -6px rgba(180, 83, 9, 0.35);
  --ring-focus:   0 0 0 3px rgba(180, 83, 9, 0.28);

  /* ---------- TIMING ---------- */
  --dur-fast:   130ms;
  --dur-mid:    220ms;
  --dur-slow:   380ms;
  --ease-smooth: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --ease-spring: cubic-bezier(0.34, 1.4, 0.64, 1);

  --transition-fast:   var(--dur-fast) var(--ease-smooth);
  --transition-base:   var(--dur-mid) var(--ease-smooth);
  --transition-slow:   var(--dur-slow) var(--ease-smooth);
  --transition-spring: var(--dur-mid) var(--ease-spring);

  /* ---------- LAYOUT ---------- */
  --container-max:  1200px;
  --container-wide: 1360px;
  --container-text: 44rem;
  --sidebar-width:  330px;
  --header-height:  70px;
  --gutter:         clamp(1rem, 3vw, 2rem);

  /* ---------- Z-INDEX ---------- */
  --z-base:    1;
  --z-raised:  10;
  --z-sticky:  100;
  --z-overlay: 200;
  --z-modal:   300;
  --z-toast:   400;

  /* =====================================================================
     ОБРАТНАЯ СОВМЕСТИМОСТЬ — старые имена переменных
     (чтобы не переписывать разом все 14 файлов CSS)
     ===================================================================== */
  --rust:             var(--ochre);
  --rust-hover:       var(--ochre-hover);
  --rust-light:       var(--ochre-light);
  --rust-glow:        var(--ochre-glow);
  --concrete:         var(--line-2);

  --color-ink:        var(--ink);
  --color-paper:      var(--paper);
  --color-rust:       var(--ochre);
  --color-rust-hover: var(--ochre-hover);
  --color-rust-light: var(--ochre-light);
  --color-steel:      var(--ink-3);
  --color-concrete:   var(--line-2);
  --color-white:      var(--white);
  --color-success:    var(--success);
  --color-warning:    var(--warning);
  --color-error:      var(--error);
  --color-star:       var(--star);
}