/* Webfonts — exact Google Fonts matches for the Lamarck deck typefaces.
   Inter (body), Montserrat (display/labels), Playfair Display (rare accent/quotes). */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Montserrat:wght@500;600;700;800&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap");
/* ============================================================
   COLORS — Lamarck Group
   Built around the indigo logo accent (#4F46E5) on a clean,
   white-led slate neutral system. No gradients.
   ============================================================ */
:root {
  /* --- Brand / accent (indigo) --- */
  --indigo-50:  #EEF2FF;
  --indigo-100: #E0E7FF;
  --indigo-200: #C7D2FE;
  --indigo-300: #A5B4FC;
  --indigo-400: #818CF8;
  --indigo-500: #6366F1;
  --indigo-600: #4F46E5; /* PRIMARY accent — the logo indigo */
  --indigo-700: #4338CA; /* dark variant (hover/active) */
  --indigo-800: #3730A3;
  --indigo-900: #312E81;

  /* --- Neutral slate (text, surfaces, borders) --- */
  --slate-950: #0F172A; /* primary text — same teinte as logotype */
  --slate-900: #1E293B; /* logotype navy */
  --slate-800: #334155; /* secondary text */
  --slate-700: #475569;
  --slate-600: #64748B; /* light / muted text */
  --slate-500: #94A3B8;
  --slate-400: #CBD5E1; /* borders */
  --slate-300: #E2E8F0; /* subtle borders / dividers */
  --slate-200: #F1F5F9; /* card surface (deeper) */
  --slate-100: #F8FAFC; /* card surface (lightest) */
  --white:      #FFFFFF;

  /* --- Secondary accents — PONCTUAL use only --- */
  --green-600:  #059669; /* success / positive */
  --green-700:  #047857;
  --violet-500: #8B5CF6; /* innovation / blockchain */
  --violet-700: #7C3AED;
  --amber-500:  #F59E0B; /* attention / highlight */
  --amber-700:  #B45309;

  /* ============================================================
     SEMANTIC ALIASES — use these in components
     ============================================================ */
  /* Accent */
  --accent:            var(--indigo-600);
  --accent-hover:      var(--indigo-700);
  --accent-soft:       var(--indigo-50);
  --accent-soft-2:     var(--indigo-100);
  --accent-border:     var(--indigo-200);
  --accent-contrast:   var(--white);

  /* Text */
  --text-strong:       var(--slate-950);
  --text-body:         var(--slate-800);
  --text-muted:        var(--slate-600);
  --text-faint:        var(--slate-500);
  --text-on-accent:    var(--white);
  --text-link:         var(--indigo-600);

  /* Surfaces */
  --surface:           var(--white);
  --surface-card:      var(--slate-100);
  --surface-sunken:    var(--slate-200);
  --surface-inverse:   var(--slate-950);

  /* Borders / dividers */
  --border:            var(--slate-400);
  --border-subtle:     var(--slate-300);
  --border-strong:     var(--slate-600);

  /* Feedback */
  --success:           var(--green-600);
  --success-soft:      #ECFDF5;
  --info:              var(--indigo-600);
  --info-soft:         var(--indigo-50);
  --warning:           var(--amber-500);
  --warning-soft:      #FFFBEB;
  --special:           var(--violet-500);
  --special-soft:      #F5F3FF;

  /* Focus ring */
  --focus-ring:        var(--indigo-600);
}
/* ============================================================
   TYPOGRAPHY — Lamarck Group
   Montserrat = display, titles, labels (semibold/bold, often tracked + UPPERCASE)
   Inter      = body, UI, data
   Playfair Display = rare editorial accent (quotes, inspiration)
   ============================================================ */
:root {
  /* Families */
  --font-display: "Montserrat", "Inter", system-ui, sans-serif;
  --font-body:    "Inter", system-ui, -apple-system, sans-serif;
  --font-accent:  "Playfair Display", Georgia, serif;

  /* Weights */
  --fw-regular:  400; /* @kind font */
  --fw-medium:   500; /* @kind font */
  --fw-semibold: 600; /* @kind font */
  --fw-bold:     700; /* @kind font */
  --fw-extra:    800; /* @kind font */

  /* Type scale (px-based, corporate/airy) */
  --fs-display:  56px;  /* hero / cover */
  --fs-h1:       40px;
  --fs-h2:       30px;
  --fs-h3:       22px;
  --fs-h4:       18px;
  --fs-body-lg:  17px;
  --fs-body:     15px;
  --fs-sm:       13px;
  --fs-xs:       12px;
  --fs-eyebrow:  12px;  /* tracked uppercase kicker */

  /* Line heights */
  --lh-tight:    1.1; /* @kind font */
  --lh-snug:     1.25; /* @kind font */
  --lh-normal:   1.5; /* @kind font */
  --lh-relaxed:  1.65; /* @kind font */

  /* Letter spacing */
  --ls-tight:    -0.02em;
  --ls-normal:   0; /* @kind font */
  --ls-wide:     0.04em;
  --ls-eyebrow:  0.14em;  /* the signature tracked-caps label */
}
/* ============================================================
   SPACING & RADII — Lamarck Group
   8px base grid. Generous, airy corporate layout.
   ============================================================ */
:root {
  --space-0:  0;
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-8:  32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;

  /* Radii — soft, rounded corporate cards */
  --radius-sm:   6px;
  --radius-md:   10px;
  --radius-lg:   16px;
  --radius-xl:   24px;
  --radius-pill: 999px;

  /* Containers */
  --container:    1200px;
  --container-sm: 880px;
}
/* ============================================================
   ELEVATION — Lamarck Group
   Soft, low-contrast shadows. Cards float gently on white/grey.
   No harsh drop-shadows; indigo-tinted at most for accent surfaces.
   ============================================================ */
:root {
  --shadow-xs:  0 1px 2px rgba(15, 23, 42, 0.04);
  --shadow-sm:  0 1px 3px rgba(15, 23, 42, 0.06), 0 1px 2px rgba(15, 23, 42, 0.04);
  --shadow-md:  0 4px 12px rgba(15, 23, 42, 0.06), 0 2px 4px rgba(15, 23, 42, 0.04);
  --shadow-lg:  0 12px 28px rgba(15, 23, 42, 0.08), 0 4px 10px rgba(15, 23, 42, 0.04);
  --shadow-accent: 0 8px 24px rgba(79, 70, 229, 0.20);

  /* Ring used for focus + selected states */
  --ring-accent: 0 0 0 3px rgba(79, 70, 229, 0.22);
}