/* DOMUS GRADNJA design tokens
   Layout concept: an architect's drawing sheet. Left-aligned editorial column on a 12-column grid,
   3D stages run full bleed like plates in a monograph, technical annotations (dimensions, scale,
   sheet numbers) carry real information. One committed light theme: warm off-white paper, forest
   green for action, graphite for structure, muted wood as the only warm accent. */
:root {
  color-scheme: light;
  --paper: #F2F0EB;
  --paper-2: #E8E3D9;
  --sand: #D8CCB7;
  --forest: #1F3B2D;
  --forest-2: #2C5140;
  --forest-ink: #E9F0EA;
  --graphite: #2B2D2F;
  --graphite-2: #3A3D40;
  --ink: #1B1D1E;
  --ink-2: #4E524F;
  --muted: #6B6E68;
  --wood: #A67E57;
  --line: rgba(43, 45, 47, 0.16);
  --line-strong: rgba(43, 45, 47, 0.32);
  --white: #FBFAF7;
  --danger: #A23B2A;
  --ok: #2E6B49;
  --on-dark: #ECEAE4;
  --on-dark-muted: #A9ABA6;
  --line-dark: rgba(236, 234, 228, 0.16);

  --font: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --display-wdth: 122;
  --label-wdth: 78;

  --step--1: clamp(0.78rem, 0.76rem + 0.1vw, 0.84rem);
  --step-0: clamp(0.98rem, 0.95rem + 0.15vw, 1.06rem);
  --step-1: clamp(1.15rem, 1.08rem + 0.35vw, 1.35rem);
  --step-2: clamp(1.4rem, 1.25rem + 0.8vw, 1.9rem);
  --step-3: clamp(1.9rem, 1.55rem + 1.7vw, 3rem);
  --step-4: clamp(2.5rem, 1.8rem + 3.4vw, 4.6rem);
  --step-5: clamp(3.1rem, 2rem + 5.6vw, 7rem);

  --gutter: max(16px, env(safe-area-inset-left, 0px));
  --gutter-r: max(16px, env(safe-area-inset-right, 0px));
  --wrap: 1320px;
  --radius: 4px;
  --radius-lg: 10px;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --nav-h: 64px;
}

@media (min-width: 760px) {
  :root { --gutter: max(32px, env(safe-area-inset-left, 0px)); --gutter-r: max(32px, env(safe-area-inset-right, 0px)); }
}
@media (min-width: 1200px) {
  :root { --gutter: max(48px, env(safe-area-inset-left, 0px)); --gutter-r: max(48px, env(safe-area-inset-right, 0px)); }
}