/* peptalk design tokens · generado por brand/scripts/build.py desde tokens.json. No editar a mano. */

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

:root {
  --pt-color-brand-orange: #FF6A00;
  --pt-color-brand-orange-light: #FFB066;
  --pt-color-brand-amber: #FFD8AB;
  --pt-color-brand-cream: #FFF7EF;
  --pt-color-brand-ink: #1A1A1A;
  --pt-color-brand-gray: #6B6B6B;
  --pt-color-support-rust: #B34700;
  --pt-color-support-paper: #FCFBF9;
  --pt-color-support-white: #FFFFFF;
  --pt-color-support-sand: #F3EDE5;
  --pt-color-support-line: #ECE6DE;
  --pt-color-support-ink-soft: #4D4D4D;
  --pt-color-support-night: #0E0B0A;
  --pt-color-support-night-2: #1F1A17;
  --pt-color-status-approved: #1A1A1A;
  --pt-color-status-investigation: #FFB066;
  --pt-color-status-prohibited: #FF6A00;
  --pt-color-status-cosmetic: #FFD8AB;
  --pt-color-status-unlisted: #C8C8C8;
  --pt-color-status-pending: #8F8F8F;
  --pt-color-status-error: #C2410C;
  --pt-color-status-success: #2F9E44;
  --pt-color-evidence-A: #1A1A1A;
  --pt-color-evidence-B: #B34700;
  --pt-color-evidence-C: #FF6A00;
  --pt-color-evidence-D: #FFB066;
  --pt-color-evidence-E: #FFD8AB;
  --pt-color-evidence-none: #F3EDE5;
  --pt-gradient-isotipo: linear-gradient(225deg, #FFC66B 0%, #FF8A1F 45%, #FF5A00 80%, #E63B00 100%);
  --pt-gradient-sphere: linear-gradient(225deg, #FFB066 0%, #FF8F4A 40%, #C9A9A6 100%);
  --pt-gradient-text: linear-gradient(225deg, #B34700 0%, #FF6A00 60%, #FF8A33 100%);
  --pt-gradient-glow: linear-gradient(225deg, #FFB066 0%, #FFD8AB 55%, #FFD8AB00 100%);
  --pt-font-family-sans: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
  --pt-font-weight-regular: 400;
  --pt-font-weight-medium: 500;
  --pt-font-weight-semibold: 600;
  --pt-font-weight-bold: 700;
  --pt-font-weight-extrabold: 800;
  --pt-font-size-xs: 12px;
  --pt-font-size-sm: 13px;
  --pt-font-size-md: 14px;
  --pt-font-size-base: 16px;
  --pt-font-size-lg: 18px;
  --pt-font-size-xl: 20px;
  --pt-font-size-2xl: 24px;
  --pt-font-size-3xl: 32px;
  --pt-font-size-4xl: 44px;
  --pt-font-size-5xl: 56px;
  --pt-font-size-6xl: 68px;
  --pt-font-leading-tight: 1.02;
  --pt-font-leading-heading: 1.1;
  --pt-font-leading-snug: 1.3;
  --pt-font-leading-body: 1.55;
  --pt-font-tracking-display: -0.04em;
  --pt-font-tracking-heading: -0.025em;
  --pt-font-tracking-body: 0em;
  --pt-font-tracking-eyebrow: 0.12em;
  --pt-space-1: 4px;
  --pt-space-2: 8px;
  --pt-space-3: 12px;
  --pt-space-4: 16px;
  --pt-space-5: 20px;
  --pt-space-6: 24px;
  --pt-space-8: 32px;
  --pt-space-10: 40px;
  --pt-space-12: 48px;
  --pt-space-16: 64px;
  --pt-space-20: 80px;
  --pt-space-26: 104px;
  --pt-space-30: 120px;
  --pt-radius-sm: 10px;
  --pt-radius-md: 16px;
  --pt-radius-lg: 24px;
  --pt-radius-xl: 32px;
  --pt-radius-pill: 999px;
  --pt-radius-icon: 22.5%;
  --pt-shadow-sm: 0 1px 2px rgba(26,26,26,.04), 0 4px 14px rgba(26,26,26,.05);
  --pt-shadow-lg: 0 18px 48px rgba(26,26,26,.10);
  --pt-shadow-glow: 0 30px 60px rgba(255,106,0,.28);
  --pt-shadow-focus: 0 0 0 4px rgba(255,106,0,.14);
  --pt-motion-ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --pt-motion-fast: 150ms;
  --pt-motion-base: 200ms;
  --pt-motion-slow: 350ms;
  --pt-layout-container: 1200px;
  --pt-layout-nav-height: 68px;
  --pt-layout-control-height: 44px;
  --pt-logo-clearspace: 0.36;
  --pt-logo-min-width-logo: 96px;
  --pt-logo-min-size-isotipo: 20px;

  /* semántica · tema claro */
  --pt-bg: var(--pt-color-support-paper);
  --pt-surface: var(--pt-color-support-white);
  --pt-surface-warm: var(--pt-color-brand-cream);
  --pt-surface-muted: var(--pt-color-support-sand);
  --pt-border: var(--pt-color-support-line);
  --pt-border-warm: var(--pt-color-brand-amber);
  --pt-text: var(--pt-color-brand-ink);
  --pt-text-soft: var(--pt-color-support-ink-soft);
  --pt-text-muted: var(--pt-color-brand-gray);
  --pt-accent: var(--pt-color-brand-orange);
  --pt-accent-text: var(--pt-color-support-rust);
  --pt-on-accent: var(--pt-color-brand-ink);
  --pt-inverse: var(--pt-color-brand-ink);
  --pt-on-inverse: var(--pt-color-support-white);
  --pt-focus: var(--pt-color-brand-orange);
}

[data-theme="dark"] {
  --pt-bg: var(--pt-color-support-night);
  --pt-surface: var(--pt-color-support-night-2);
  --pt-surface-warm: #2A1D15;
  --pt-surface-muted: #262019;
  --pt-border: rgba(255,255,255,.12);
  --pt-border-warm: rgba(255,176,102,.45);
  --pt-text: #F7F3EE;
  --pt-text-soft: rgba(255,255,255,.78);
  --pt-text-muted: rgba(255,255,255,.6);
  --pt-accent: var(--pt-color-brand-orange);
  --pt-accent-text: var(--pt-color-brand-orange-light);
  --pt-on-accent: var(--pt-color-brand-ink);
  --pt-inverse: var(--pt-color-brand-cream);
  --pt-on-inverse: var(--pt-color-brand-ink);
  --pt-focus: var(--pt-color-brand-orange-light);
}