/* NADKA LAB · Theme 0.5.1 — Carbon / Citron
   Edit this file to change the visual identity. No build required.
   All component colours reference these semantic tokens. */
:root {
  color-scheme: dark;
  /* Page & surfaces */
  --color-page: #0D0F12;
  --color-surface: #161A20;
  --color-surface-raised: #232A33;
  --color-text: #F4F6F8;
  --color-muted: #B7BEC9;
  --color-line: #343C48;
  --color-accent: #BDFF39;
  --color-on-accent: #0D0F12;
  --color-accent-hover: #d0ff76;
  --color-error: #ffb5a9;
  --color-success: #BDFF39;
  --color-overlay: #05070Bde;
  --color-image-label: #0D0F12e8;
  --color-header: #0D0F12f0;
  /* Backgrounds: replace gradients with a colour to flatten a section. */
  --background-hero: radial-gradient(ellipse at 85% 0%, #51637E24, transparent 55%), radial-gradient(ellipse at 0% 45%, #303A4D16, transparent 55%);
  --background-studio: linear-gradient(135deg, #1C222C, #111419 70%);
  --background-invitation: radial-gradient(ellipse at 100% 0%, #52627D26, transparent 65%), #101318;
  --background-catalogue: linear-gradient(145deg, #202731, #12161C);
  --shadow-image: 0 24px 80px #00000033;
  /* Buttons: centralised independent of section backgrounds. */
  --button-fill: var(--color-accent);
  --button-text: var(--color-on-accent);
  --button-hover: var(--color-accent-hover);
  --button-radius: 8px;
  --button-height: 52px;
  --button-weight: 500;
  /* Typography */
  --font-body: Arial, Helvetica, sans-serif;
  --font-display: var(--font-body);
  --weight-body: 400;
  --weight-heading: 500;
  --text-display: clamp(3rem, 6.6vw, 6.5rem);
  --text-heading: clamp(2.2rem, 4.2vw, 4.25rem);
  --text-subheading: clamp(1.35rem, 2vw, 1.8rem);
  --text-body: 1.125rem;
  --text-ui: 1rem;
  --text-small: .875rem;
  --text-caption: .75rem;
  --line-body: 1.55;
  --line-heading: 1.07;
  /* Layout & shared geometry */
  --content-width: 1440px;
  --gutter: clamp(1.25rem, 4vw, 4rem);
  --section-space: clamp(3.5rem, 7vw, 7rem);
  --space-1: .375rem;
  --space-2: .75rem;
  --space-3: 1.25rem;
  --space-4: 2rem;
  --space-5: 3rem;
  --radius-panel: 16px;
  --radius-control: 6px;
  --header-height: 76px;
  --focus-ring: 2px solid var(--color-accent);
  --transition: 250ms cubic-bezier(.19,1,.22,1);
  --crop-handle-size: 12px;
  --crop-line: 2px;
}

@media (max-width: 600px) {
  :root { --header-height: 64px; --text-body: 1rem; --text-display: clamp(2.6rem, 10.7vw, 4rem); --text-heading: clamp(2rem, 8.5vw, 3rem); --radius-panel: 12px; }
}