/* lenscale design tokens: the one source of colours, type, spacing and radii for lenscale.ai and
   app.lenscale.ai. Values come from the owner-approved pitch deck (v15 CSS, v26 PDF).
   Tailwind 4 apps load tailwind-theme.css after this file; it maps these variables into the theme. */

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('fonts/inter-latin-wght-normal.woff2') format('woff2');
}

:root {
  /* Colour. Ink for text, headings and big numbers; accent only for links, the ".ai" of the wordmark,
     primary buttons and data marks. Cards stay neutral (paper or surface + 1px line). */
  --ls-ink: #14141f;
  --ls-muted: #5d6070;
  --ls-faint: #8c8ea0;     /* borders and decoration only: 3.2:1 on white, too light for text */
  --ls-line: #dedfe6;
  --ls-surface: #f7f7fa;
  --ls-paper: #ffffff;
  --ls-accent: #3b3fd9;
  --ls-accent-hover: #2f33b8;
  --ls-accent-soft: #e6e7ff;

  /* Status dots (one small dot inside a neutral pill; never a card colour). */
  --ls-dot-good: #1e8a5b;
  --ls-dot-warn: #e0a030;
  --ls-dot-bad: #c62828;
  --ls-dot-none: #c9cbe0;

  /* Data series (charts and maps only), matching the deck's Italy map. */
  --ls-series-solar: #f2a900;
  --ls-series-agrivoltaic: #1e8a5b;
  --ls-series-wind: #3b3fd9;
  --ls-series-biomethane: #a0522d;
  --ls-series-storage: #c83c6e;
  --ls-series-other: #8c8ea0;

  /* Type. */
  --ls-font: 'Inter', 'Helvetica Neue', Arial, sans-serif;
  --ls-text-xs: 0.75rem;   /* 12 labels, footnotes */
  --ls-text-sm: 0.875rem;  /* 14 secondary text */
  --ls-text-base: 1rem;    /* 16 body */
  --ls-text-lg: 1.125rem;  /* 18 lead */
  --ls-text-xl: 1.375rem;  /* 22 card titles */
  --ls-text-2xl: 1.75rem;  /* 28 big numbers in cards */
  --ls-text-3xl: 2.25rem;  /* 36 section headings */
  --ls-text-4xl: 3.25rem;  /* 52 hero */
  --ls-text-5xl: 4.5rem;   /* 72 wordmark, hero numbers */
  --ls-leading-tight: 1.1;
  --ls-leading-snug: 1.3;
  --ls-leading-body: 1.55;
  --ls-tracking-tight: -0.02em;
  --ls-tracking-label: 0.08em;

  /* Spacing (4px base). */
  --ls-space-1: 0.25rem;
  --ls-space-2: 0.5rem;
  --ls-space-3: 0.75rem;
  --ls-space-4: 1rem;
  --ls-space-5: 1.5rem;
  --ls-space-6: 2rem;
  --ls-space-7: 3rem;
  --ls-space-8: 4rem;
  --ls-space-9: 6rem;

  /* Radii and layout. */
  --ls-radius-sm: 6px;
  --ls-radius-md: 10px;
  --ls-radius-lg: 16px;
  --ls-radius-pill: 9999px;
  --ls-shadow-raised: 0 1px 2px rgb(20 20 31 / 0.04), 0 8px 24px rgb(20 20 31 / 0.06);
  --ls-content-width: 1160px;
}