/**
 * PastatysiuTau.lt — Premium Design System Tokens (P1)
 * Semantic tokens for new work. Legacy aliases live in variables.css.
 */

:root {
  /* —— Palette (internal reference; use semantic tokens in components) —— */
  --palette-graphite-900: #171512;
  --palette-graphite-800: #2a231a;
  --palette-graphite-700: #5f574d;
  --palette-graphite-600: #8a8177;
  --palette-cream-100: #fffaf2;
  --palette-cream-200: #faf7f1;
  --palette-cream-300: #f4efe6;
  --palette-cream-400: #ebe3d7;
  --palette-bronze-500: #b78d57;
  --palette-bronze-600: #a77a45;
  --palette-bronze-400: #d9c09a;
  --palette-warm-white: #faf8f4;
  --palette-elevated: #ffffff;

  /* —— Color (semantic) —— */
  --color-bg-primary: var(--palette-cream-300);
  --color-bg-secondary: var(--palette-cream-200);
  --color-bg-dark: #1e1b17;
  --color-bg-elevated: var(--palette-cream-100);
  --color-bg-muted: var(--palette-cream-400);
  --color-bg-overlay: rgba(255, 250, 242, 0.94);

  --color-text-primary: var(--palette-graphite-900);
  --color-text-secondary: var(--palette-graphite-700);
  --color-text-on-dark: var(--palette-warm-white);
  --color-text-muted: var(--palette-graphite-600);

  --color-accent: var(--palette-bronze-500);
  --color-accent-soft: var(--palette-bronze-400);
  --color-accent-hover: #c49a62;
  --color-accent-strong: var(--palette-bronze-600);

  --color-border: rgba(42, 35, 26, 0.14);
  --color-border-strong: rgba(42, 35, 26, 0.24);
  --color-border-blueprint: rgba(74, 68, 58, 0.26);
  --color-border-blueprint-soft: rgba(74, 68, 58, 0.14);
  --color-border-grid: rgba(74, 68, 58, 0.11);

  --color-focus: var(--palette-bronze-600);
  --color-focus-ring: rgba(167, 122, 69, 0.35);
  --color-selection: rgba(183, 141, 87, 0.16);
  --color-success: #4a6b52;
  --color-error: #8b4a42;

  /* Material accents (architectural palette) */
  --color-material-wood: #b89872;
  --color-material-stone: #d8d1c6;
  --color-material-concrete: #c9c4bb;
  --color-material-glass: #e4e7e3;

  /* —— Typography —— */
  --font-display: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;
  --font-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-label: var(--font-body);
  --font-number: ui-monospace, "SF Mono", "Cascadia Code", "Segoe UI Mono", monospace;

  --text-display-xl: clamp(2.75rem, 7.5vw, 6.25rem);
  --text-display-lg: clamp(2.125rem, 7vw, 5.75rem);
  --text-heading-xl: clamp(1.875rem, 4.5vw, 4.25rem);
  --text-heading-lg: clamp(1.75rem, 4.2vw, 3.5rem);
  --text-heading-md: clamp(1.375rem, 2.8vw, 2rem);
  --text-heading-sm: clamp(1.125rem, 2vw, 1.4375rem);
  --text-body-lg: clamp(0.9375rem, 1.2vw, 1.125rem);
  --text-body: 0.9375rem;
  --text-body-sm: 0.8125rem;
  --text-label: clamp(0.625rem, 1.6vw, 0.6875rem);
  --text-caption: 0.75rem;

  --line-height-display: 0.92;
  --line-height-heading: 0.98;
  --line-height-body: 1.72;
  --line-height-body-tight: 1.55;
  --line-height-label: 1.2;

  --letter-spacing-display: -0.045em;
  --letter-spacing-heading: -0.03em;
  --letter-spacing-body: 0;
  --letter-spacing-label: 0.14em;

  /* —— Spacing —— */
  --space-3xs: 0.25rem;
  --space-2xs: 0.375rem;
  --space-xs: 0.5rem;
  --space-sm: 0.875rem;
  --space-md: 1.5rem;
  --space-lg: clamp(2.5rem, 5vw, 4.5rem);
  --space-xl: clamp(3.75rem, 7.5vw, 7rem);
  --space-2xl: clamp(5rem, 9vw, 9rem);
  --space-3xl: clamp(6.5rem, 11vw, 12rem);

  --section-space-sm: var(--space-md);
  --section-space-md: var(--space-lg);
  --section-space-lg: var(--space-xl);
  --component-gap-sm: var(--space-sm);
  --component-gap-md: var(--space-md);
  --component-gap-lg: var(--space-lg);
  --card-padding: 1.375rem 1.5rem;
  --card-padding-compact: 1rem 1.125rem;

  /* —— Layout —— */
  --content-max-width: 80rem;
  --content-wide-max-width: 90rem;
  --content-narrow-max-width: 42rem;
  --shell-padding: clamp(1rem, 2.5vw, 1.75rem);
  --header-height: 4.25rem;
  --reading-width: 65ch;

  /* —— Radius —— */
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-full: 999px;

  /* —— Border —— */
  --border-width-subtle: 1px;
  --border-width-default: 1px;
  --border-width-strong: 1px;
  --border-subtle: var(--color-border);
  --border-default: var(--color-border);
  --border-strong: var(--color-border-strong);

  /* —— Shadow —— */
  --shadow-xs: 0 2px 8px rgba(42, 35, 26, 0.04);
  --shadow-sm: 0 8px 24px rgba(42, 35, 26, 0.05);
  --shadow-elevated: 0 16px 40px rgba(42, 35, 26, 0.06);
  --shadow-inset-highlight: 0 1px 0 rgba(255, 255, 255, 0.85) inset;

  /* —— Motion —— */
  --duration-fast: 180ms;
  --duration-base: 320ms;
  --duration-slow: 480ms;
  --ease-standard: ease;
  --ease-emphasized: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-enter: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-exit: cubic-bezier(0.4, 0, 0.2, 1);
  --motion-distance-sm: 3px;
  --motion-distance-md: 4px;

  /* —— Interaction —— */
  --focus-ring-width: 2px;
  --focus-ring-offset: 2px;
  --header-blur: blur(14px);
  --header-surface: rgba(255, 250, 242, 0.88);
  --surface-card: rgba(255, 250, 242, 0.94);
  --surface-paper-72: rgba(255, 250, 242, 0.72);
  --surface-paper-92: rgba(255, 250, 242, 0.94);

  /* —— Component sizing (legacy-friendly) —— */
  --btn-min-height: 3rem;
  --btn-min-height-lg: 3.25rem;
  --input-min-height: 3rem;
  --hero-title-size: var(--text-display-xl);
  --hero-lead-size: clamp(1rem, 1.35vw, 1.1875rem);
}