/* GENERATED FILE — DO NOT EDIT DIRECTLY.
   Logos Publicity — tokens.css (design tokens)
   Edit assets/css/src/ (see src/README.md), then run: node scripts/build-css.mjs
   Asset version: 20260814-about3
*/

/* === from src/tokens.css === */
/**
 * Logos Publicity — Design tokens
 * Additive only: values match current visual identity.
 * Do not change computed look when introducing var() replacements.
 */

:root {
  /* Colors */
  --color-primary: #2c83db;
  --color-secondary: #1bac91;
  --color-accent: #7cc576;
  --color-dark: #111111;
  --color-dark-soft: #151515;
  --color-light: #f2f2f2;
  --color-white: #ffffff;
  --color-text: #555555;
  --color-text-strong: #333333;
  --color-text-muted: #444444;
  --color-black: #000000;
  --color-link: #2c83db;
  --color-focus: #2c83db;

  /* Typography */
  --font-primary: "Montserrat", sans-serif;
  --font-heading: "Montserrat", sans-serif;
  --font-body: "Montserrat", sans-serif;

  /* Type scale (existing site values) */
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-md: 1rem;
  --font-size-lg: 1.15rem;
  --font-size-xl: 1.5rem;
  --font-size-2xl: 2rem;
  --font-size-3xl: 2.5rem;
  --font-size-display: clamp(2.75rem, 14vw, 3.75rem);

  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --line-height-body: 1.65;
  --line-height-tight: 1.2;

  /* Spacing */
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-section: clamp(4rem, 7vw, 7rem);

  /* Radii / elevation (site is mostly sharp) */
  --radius-none: 0;
  --radius-sm: 3px;
  --radius-pill: 999px;
  --shadow-soft: 0 4px 18px rgba(0, 0, 0, 0.28);

  /* Motion */
  --transition-fast: 0.2s ease;
  --transition-base: 0.3s ease;

  /* Breakpoints as custom props for documentation / JS parity
     (media queries still use literals until gradually migrated) */
  --bp-sm: 576px;
  --bp-md: 768px;
  --bp-about: 866px;
  --bp-lg: 992px;
  --bp-xl: 1200px;

  /* Layout */
  --header-offset: 72px;
  --container-pad: 15px;
  --container-max: 1440px;
  --section-inline: clamp(1.25rem, 3.5vw, 3rem);
  --section-title-inset: var(--section-inline);
  --section-heading-size: clamp(3.5rem, 7vw, 6.875rem);
  --section-heading-gap: clamp(1.5rem, 3vw, 2.75rem);
}