/* Design System LifeLaboral — token bundle (imported from Claude Design) */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,600&family=Mulish:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&display=swap');

:root {
  --ll-teal: #43B5B6; --ll-teal-600:#34999a; --ll-teal-700:#2b8283; --ll-teal-300:#7fcecf; --ll-teal-100:#d8f0f0; --ll-teal-050:#eef9f9;
  --ll-blue: #0086C4; --ll-blue-600:#0a6fa3; --ll-blue-700:#0d5b85; --ll-blue-300:#62b8de; --ll-blue-100:#cfe8f4; --ll-blue-050:#eaf5fb;
  --ll-navy: #0D4B86; --ll-navy-800:#0a3a6b; --ll-navy-900:#082c52;
  --ll-ink:#12232e; --ll-slate-700:#33454f; --ll-slate-500:#5b6b74; --ll-slate-400:#84949c; --ll-slate-300:#b7c1c7; --ll-slate-200:#d9e0e4; --ll-slate-100:#eceff1; --ll-slate-050:#f5f7f8; --ll-white:#ffffff;
  --ll-success:#2f9e6b; --ll-success-bg:#e4f4ec; --ll-warning:#d9922b; --ll-warning-bg:#fbf0dc; --ll-danger:#d24b46; --ll-danger-bg:#fbe7e6; --ll-info:var(--ll-blue); --ll-info-bg:var(--ll-blue-050);
  --color-primary:var(--ll-teal); --color-primary-hover:var(--ll-teal-600); --color-primary-active:var(--ll-teal-700); --color-primary-soft:var(--ll-teal-050);
  --color-secondary:var(--ll-blue); --color-secondary-hover:var(--ll-blue-600); --color-secondary-soft:var(--ll-blue-050);
  --text-strong:var(--ll-ink); --text-body:var(--ll-slate-700); --text-muted:var(--ll-slate-500); --text-on-brand:var(--ll-white); --text-link:var(--ll-blue);
  --surface-page:var(--ll-slate-050); --surface-card:var(--ll-white); --surface-sunken:var(--ll-slate-100); --surface-brand:var(--ll-teal); --surface-brand-deep:var(--ll-navy-900);
  --border-subtle:var(--ll-slate-200); --border-default:var(--ll-slate-300); --border-strong:var(--ll-slate-400); --focus-ring: color-mix(in srgb, var(--ll-teal) 55%, transparent);
  --gradient-brand: linear-gradient(120deg, var(--ll-blue) 0%, var(--ll-teal) 100%);
  --gradient-hero: linear-gradient(135deg, var(--ll-navy-900) 0%, var(--ll-navy) 45%, var(--ll-blue-600) 100%);
  --gradient-soft: linear-gradient(120deg, var(--ll-blue-050) 0%, var(--ll-teal-050) 100%);

  --font-display: 'Montserrat', system-ui, sans-serif;
  --font-body: 'Mulish', system-ui, sans-serif;
  --text-2xs:0.6875rem; --text-xs:0.75rem; --text-sm:0.875rem; --text-base:1rem; --text-md:1.125rem; --text-lg:1.375rem; --text-xl:1.75rem; --text-2xl:2.25rem; --text-3xl:3rem; --text-4xl:3.75rem; --text-5xl:4.75rem;
  --weight-regular:400; --weight-medium:500; --weight-semibold:600; --weight-bold:700; --weight-extra:800; --weight-black:900;
  --leading-tight:1.08; --leading-snug:1.25; --leading-normal:1.55; --leading-relaxed:1.7;
  --tracking-tight:-0.02em; --tracking-normal:0; --tracking-wide:0.04em; --tracking-caps:0.14em;

  --space-0:0; --space-1:0.25rem; --space-2:0.5rem; --space-3:0.75rem; --space-4:1rem; --space-5:1.25rem; --space-6:1.5rem; --space-8:2rem; --space-10:2.5rem; --space-12:3rem; --space-16:4rem; --space-20:5rem; --space-24:6rem; --space-32:8rem;
  --container:1200px; --container-wide:1360px; --container-text:720px;

  --radius-xs:4px; --radius-sm:8px; --radius-md:12px; --radius-lg:16px; --radius-xl:24px; --radius-2xl:32px; --radius-pill:999px;
  --border-width:1px; --border-hair:1px solid var(--border-subtle);
  --shadow-xs:0 1px 2px rgba(13,75,134,0.06); --shadow-sm:0 2px 6px rgba(13,75,134,0.07); --shadow-md:0 8px 22px rgba(13,75,134,0.09); --shadow-lg:0 18px 46px rgba(13,75,134,0.13);
  --shadow-brand:0 14px 34px rgba(67,181,182,0.32); --shadow-focus:0 0 0 4px var(--focus-ring);
  --ease-standard: cubic-bezier(0.22,0.61,0.36,1); --ease-out: cubic-bezier(0.16,1,0.3,1);
  --dur-fast:130ms; --dur-base:210ms; --dur-slow:340ms; --transition-base: all var(--dur-base) var(--ease-standard);
}