/* Lemur Maritime — design tokens (single source of truth). Extracted from the design handover :root. */
:root {
  /* Brand */
  --navy:        #303858;
  --navy-700:    #2a3150;
  --navy-800:    #222843;
  --navy-900:    #1a1f36;   /* hero base */
  --navy-950:    #141829;

  /* Brass accent */
  --brass:       #b68a4e;
  --brass-bright:#cba066;
  --brass-soft:  #e7d8bf;
  --brass-tint:  rgba(182,138,78,0.10);

  /* Neutrals (warm) */
  --paper:       #f7f6f2;   /* page base */
  --paper-2:     #efedE6;   /* alt band */
  --card:        #ffffff;
  --ink:         #2a3150;   /* body text on light */
  --ink-soft:    #5b6276;
  --ink-faint:   #8b909e;
  --line:        #e4e2d8;   /* hairlines on light */
  --line-2:      #d8d6cc;

  /* On dark */
  --on-dark:        #f4f5f8;
  --on-dark-soft:   #aab0c2;
  --on-dark-faint:  #707895;
  --line-dark:      rgba(255,255,255,0.12);
  --line-dark-2:    rgba(255,255,255,0.07);

  /* Type */
  --display: "Archivo", system-ui, sans-serif;
  --sans:    "Hanken Grotesk", system-ui, sans-serif;

  /* Layout */
  --maxw: 1400px;
  --gutter: clamp(20px, 5vw, 56px);
  --radius: 14px;
  --radius-sm: 9px;

  /* Motion */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);

  --shadow-sm: 0 1px 2px rgba(26,31,54,0.04), 0 2px 8px rgba(26,31,54,0.05);
  --shadow:    0 4px 14px rgba(26,31,54,0.07), 0 18px 48px rgba(26,31,54,0.09);
  --shadow-lg: 0 18px 60px rgba(26,31,54,0.16);
}