/*
Theme Name: 20MINUT Bloom
Theme URI: https://new-design.kompozitor.pp.ua
Description: open24 redesign (Bloom) — emergency lock opening (apartments, cars, safes). Bilingual UK/RU, native WordPress pages + blog. Custom theme.
Version: 1.0.0
Author: kompozitor
Text Domain: open24bloom
*/

/* Design tokens + base reset. Full design lives in assets/css/main.css (enqueued after this). */
:root{
  /* warm palette (from the Lovable redesign, oklch) */
  --bg:oklch(98.5% .005 85);
  --fg:oklch(18% .012 60);
  --card:#ffffff;
  --muted:oklch(96% .008 80);
  --muted-2:oklch(94% .01 75);
  --muted-fg:oklch(45% .012 60);
  --border:oklch(90% .01 70);
  --primary:oklch(72% .21 38);
  --primary-ink:#ffffff;
  --accent:oklch(86% .18 88);
  --dark:oklch(16% .012 60);
  --dark-2:oklch(20% .012 60);
  --dark-fg:oklch(97% .005 85);
  --ok:oklch(62% .17 150);
  --bad:oklch(58% .24 27);

  --radius:14px;
  --r-card:22px;
  --r-lg:26px;
  --r-xl:32px;
  --pill:999px;
  --max:76rem;

  --shadow-card:0 24px 40px -22px oklch(0% 0 0/.25);
  --shadow-soft:0 10px 24px -16px oklch(0% 0 0/.22);
  --shadow-hot:0 24px 48px -16px oklch(62% .24 22/.55);
  --grad-primary:linear-gradient(135deg, oklch(70% .22 35), oklch(62% .24 22));
  --grad-gold:linear-gradient(135deg, oklch(86% .18 88), oklch(70% .22 35));
  --grid-tex:linear-gradient(oklch(0% 0 0/.04) 1px, transparent 1px), linear-gradient(90deg, oklch(0% 0 0/.04) 1px, transparent 1px);

  --font:"Hind", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --head:"Archivo Black", ui-sans-serif, system-ui, sans-serif;

  /* legacy aliases — the base stylesheet (main.css) is written against these;
     re-pointing them adopts the new palette/fonts/radius site-wide. */
  --o24-accent:var(--primary);
  --o24-dark:var(--fg);
  --o24-muted:var(--muted-fg);
  --o24-bg:var(--bg);
  --o24-max:var(--max);
  --o24-radius:var(--radius);
  --o24-font:var(--font);
  --o24-head:var(--head);
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--font);color:var(--fg);background:var(--bg);line-height:1.6;font-size:17px;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
h1,h2,.o24-h2,.o24-hero__headline h1,.o24-hero__punch,.o24-page-hero h1{font-family:var(--head);font-weight:400;line-height:1.06;letter-spacing:-.02em;margin:0 0 .5em}
h3,h4{font-family:var(--font);font-weight:700;line-height:1.2;letter-spacing:-.01em;margin:0 0 .5em}
p{margin:0 0 1em}
button{font-family:inherit}

/* base container; full styling continues in main.css */
.o24-wrap{max-width:var(--max);margin:0 auto;padding:0 24px;width:100%}
.o24-wrap--narrow{max-width:52rem}