/*
 * Lendário Platform Design System V4 — runtime tokens
 * Espelho local de design-system/lendario-platform-ds/tokens.css (v4.4.0).
 * Fonte normativa: design-system/lendario-platform-ds/tokens.json.
 * NÃO editar valores aqui: alterar na fonte e re-espelhar.
 */

/*
 * DIVERGÊNCIA DELIBERADA E ÚNICA em relação ao espelho: o tokens.css de
 * origem tem aqui um @import de https://fonts.googleapis.com. Numa página
 * pública isso transfere o IP do visitante ao Google no primeiro paint,
 * antes do banner de consentimento. As 3 famílias passaram a ser servidas
 * da própria origem por ./fonts.css. Valores de token seguem intocados.
 */

:root {
  color-scheme: dark;
  --lp-color-canvas: #070709;
  --lp-color-surface: rgba(255, 255, 255, 0.025);
  --lp-color-surface-raised: rgba(255, 255, 255, 0.045);
  --lp-color-surface-strong: #111115;
  --lp-color-text: #edebe6;
  --lp-color-text-body: rgba(237, 235, 230, 0.72);
  --lp-color-text-muted: rgba(237, 235, 230, 0.52);
  --lp-color-text-disabled: rgba(237, 235, 230, 0.34);
  --lp-color-border: rgba(255, 255, 255, 0.08);
  --lp-color-border-strong: rgba(255, 255, 255, 0.15);
  --lp-color-gold: #c9b298;
  --lp-color-gold-bright: #e4d8ca;
  --lp-color-gold-deep: #8d7556;
  --lp-color-gold-hairline: rgba(201, 178, 152, 0.18);
  --lp-color-gold-strong: rgba(201, 178, 152, 0.44);
  --lp-color-gold-wash: rgba(201, 178, 152, 0.1);
  --lp-color-success: #23e169;
  --lp-color-warning: #ff9f0a;
  --lp-color-danger: #ff453a;
  --lp-color-info: #0a84ff;
  --lp-color-on-gold: #17120d;

  --lp-font-ui: "Inter Tight", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --lp-font-accent: "Instrument Serif", Georgia, serif;
  --lp-font-data: "JetBrains Mono", ui-monospace, monospace;
  --lp-font-meta: 0.6875rem;
  --lp-font-caption: 0.75rem;
  --lp-font-small: 0.8125rem;
  --lp-font-body: 0.9375rem;
  --lp-font-body-lg: 1rem;
  --lp-font-title-sm: 1.125rem;
  --lp-font-title: 1.5rem;
  --lp-font-display: 2.625rem;
  --lp-weight-regular: 400;
  --lp-weight-medium: 500;
  --lp-weight-navigation: 600;
  --lp-weight-strong: 700;
  --lp-leading-display: 1.05;
  --lp-leading-tight: 1.25;
  --lp-leading-body: 1.6;
  --lp-tracking-tight: -0.035em;
  --lp-tracking-body: -0.008em;
  --lp-tracking-data: 0.08em;

  --lp-space-0: 0;
  --lp-space-0-5: 0.25rem;
  --lp-space-1: 0.5rem;
  --lp-space-1-5: 0.75rem;
  --lp-space-2: 1rem;
  --lp-space-2-5: 1.25rem;
  --lp-space-3: 1.5rem;
  --lp-space-4: 2rem;
  --lp-space-5: 2.5rem;
  --lp-space-6: 3rem;
  --lp-space-8: 4rem;
  --lp-space-12: 6rem;

  --lp-radius-control: 6px;
  --lp-radius-card: 9px;
  --lp-radius-panel: 12px;
  --lp-radius-full: 999px;
  --lp-shadow-surface: 0 24px 70px -38px rgba(0, 0, 0, 0.9);
  --lp-shadow-hover: 0 28px 80px -42px rgba(201, 178, 152, 0.26);
  --lp-shadow-overlay: 0 28px 70px rgba(0, 0, 0, 0.52);
  --lp-duration-fast: 150ms;
  --lp-duration-normal: 240ms;
  --lp-duration-slow: 400ms;
  --lp-ease-product: cubic-bezier(0.22, 1, 0.36, 1);
  --lp-layout-max: 1360px;
  --lp-layout-rail: 242px;
  --lp-layout-content: 880px;
  --lp-layout-gap: 40px;
  --lp-control-height: 44px;
  --lp-touch-target: 44px;
  --lp-breakpoint-rail: 980px;
  --lp-breakpoint-mobile: 760px;
}

:root[data-color-scheme="light"] {
  color-scheme: light;
  --lp-color-canvas: #f5f2ec;
  --lp-color-surface: rgba(255, 255, 255, 0.74);
  --lp-color-surface-raised: #fff;
  --lp-color-surface-strong: #ece7de;
  --lp-color-text: #191816;
  --lp-color-text-body: rgba(25, 24, 22, 0.76);
  --lp-color-text-muted: rgba(25, 24, 22, 0.56);
  --lp-color-text-disabled: rgba(25, 24, 22, 0.38);
  --lp-color-border: rgba(25, 24, 22, 0.12);
  --lp-color-border-strong: rgba(25, 24, 22, 0.22);
  --lp-color-gold: #8d7556;
  --lp-color-gold-bright: #6f573c;
  --lp-color-gold-deep: #6e5438;
  --lp-color-gold-hairline: rgba(141, 117, 86, 0.24);
  --lp-color-gold-strong: rgba(141, 117, 86, 0.48);
  --lp-color-gold-wash: rgba(141, 117, 86, 0.1);
  --lp-color-success: #137a3a;
  --lp-color-warning: #9a5900;
  --lp-color-danger: #c5362e;
  --lp-color-info: #0969ba;
  --lp-color-on-gold: #fffaf2;
  --lp-shadow-surface: 0 20px 54px -34px rgba(76, 63, 46, 0.25);
  --lp-shadow-hover: 0 24px 64px -40px rgba(76, 63, 46, 0.28);
  --lp-shadow-overlay: 0 28px 70px rgba(76, 63, 46, 0.18);
}