/* fnw-tokens.css — Design tokens for finwren.com */
:root {
  /* Brand palette */
  --fnw-navy:         #0A1628;
  --fnw-navy-mid:     #162445;
  --fnw-amber:        #C9812A;
  --fnw-amber-aa-light: #9B5E0D;
  --fnw-amber-aa-dark:  #E6A23C;

  /* Foreground tokens */
  --fnw-fg-light-primary:   #0A1628;
  --fnw-fg-light-secondary: #445470;
  --fnw-fg-dark-primary:    #EEF0F4;
  --fnw-fg-dark-secondary:  #8A97AE;

  /* Background tokens */
  --fnw-bg-light:    #F5F6F8;
  --fnw-bg-white:    #FFFFFF;
  --fnw-bg-cream:    #F0EDE8;
  --fnw-bg-dark:     #0A1628;
  --fnw-bg-dark-alt: #162445;
  --fnw-rule:        #D8DDE8;

  /* Semantic delta colors */
  --fnw-positive:    #1A6B3C;
  --fnw-negative:    #B52020;

  /* Typography */
  --fnw-font-serif: 'Instrument Serif', Georgia, serif;
  --fnw-font-sans:  Inter, system-ui, -apple-system, sans-serif;
  --fnw-font-mono:  'JetBrains Mono', Menlo, Consolas, monospace;

  /* Type scale */
  --fnw-hero-h1:   clamp(2.6rem, 5vw, 4.2rem);
  --fnw-h2:        clamp(1.9rem, 3vw, 2.8rem);
  --fnw-h3:        1.25rem;
  --fnw-body:      1rem;
  --fnw-small:     0.8125rem;

  /* Spacing */
  --fnw-space-xs:  0.5rem;
  --fnw-space-sm:  1rem;
  --fnw-space-md:  2rem;
  --fnw-space-lg:  4rem;
  --fnw-space-xl:  6rem;

  /* Layout */
  --fnw-container: 1200px;
  --fnw-radius:    4px;
  --fnw-radius-md: 8px;
  --fnw-shadow:    0 2px 8px rgba(10,22,40,0.12);
  --fnw-shadow-md: 0 4px 24px rgba(10,22,40,0.16);

  /* Transitions */
  --fnw-trans: 200ms ease;
}