/*
Theme Name:   Cermat-Prodbet Child
Theme URI:    https://nowa.cermat-prodbet.pl
Template:     astra
Author:       Cermat-Prodbet
Description:  Child theme dla nowa.cermat-prodbet.pl - nadpisuje Astrę paletą industrialnej Polski (bitumen black, lime wash, rdzawy oranż) i kontrolą nad hero sliderem, dropdownami menu, sekcjami home i a11y.
Version:      1.0.0
Text Domain:  cermat-child
*/

/* === Design tokens (zob. ~/cermat-migracja/reports/design-tokens.md) === */
:root {
  --color-ink:       #1a1614;
  --color-paper:     #f4efe6;
  --color-concrete:  #b8b2a7;
  --color-line:      #e0d8c8;
  --color-rust:      #c64a1c;
  --color-clay:      #8a6a3f;
  --color-moss:      #4a5d3a;
  --color-success:   #4a5d3a;
  --color-warning:   #c8941a;
  --color-error:     #8b2a1a;

  --font-display:    'Archivo Narrow', system-ui, sans-serif;
  --font-body:       'Newsreader', Georgia, serif;
  --font-mono:       'JetBrains Mono', 'SF Mono', Menlo, monospace;

  --container-text:    1340px;
  --container-gallery: 1340px;
  /* Override Astra default container width (1200px) - ujednolicenie do 1340 */
  --ast-normal-container-width: 1340px;

  --easing-cta:    cubic-bezier(0.34, 1.56, 0.64, 1);
  --easing-menu:   cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --easing-image:  cubic-bezier(0.65, 0, 0.35, 1);
}

/* Dark mode (toggle w stopce, nie auto-detect) */
[data-theme="dark"] {
  --color-ink:      #f4efe6;
  --color-paper:    #1a1614;
  --color-concrete: #6e6960;
  --color-line:     #2a2521;
  --color-rust:     #d4602e;
  --color-clay:     #b58452;
  --color-moss:     #6f8b58;
}

/* === Bazowe nadpisanie Astry === */
body {
  background: var(--color-paper);
  color: var(--color-ink);
  font-family: var(--font-body);
  font-size: 17px;
  line-height: 1.6;
  font-feature-settings: 'kern', 'liga', 'onum';
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-display);
  color: var(--color-ink);
  font-weight: 540;
  line-height: 1.12;
  letter-spacing: -0.01em;
}

/* Astra container width override - 1340px wszędzie (ujednolicone z child theme) */
.ast-container,
.ast-container-fluid,
.entry-content > .alignwide,
.site-content > .ast-container {
  max-width: 1340px !important;
}

/* Konkretne style komponentów dorobimy w Fazie 4-5 (hero slider, header, sekcje home, dropdown menu, footer) */