/* ═══════════════════════════════════════════
   tokens.css — Design system variables
   Edit this file to retheme the entire site
   ═══════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,700;1,400&family=Noto+Serif:wght@400;500;700&family=JetBrains+Mono:wght@400;500&display=swap');

:root {
  /* ── Backgrounds ── */
  --bg:        #F5F3EE;   /* Main page background (off-white) */
  --bg2:       #EDEAE2;   /* Subtle hover / alt surface */
  --bg3:       #E4E0D6;   /* Deeper off-white surface */
  --navy:      #0D1B2A;   /* Dark section background */
  --navy2:     #162032;   /* Card background on dark sections */

  /* ── Text ── */
  --cream:     #0A0A0F;   /* Primary text (near-black) */
  --cream-dim: #3A3A4A;   /* Secondary / muted text */

  /* ── Accent (Navy Blue palette) ── */
  --terra:     #1B3A6B;   /* Primary accent — dark navy */
  --terra2:    #4A90D9;   /* Secondary accent — sky blue */
  --gold:      #2C5F9E;   /* Tertiary accent */
  --green:     #0F1F3D;   /* Deepest navy */

  /* ── Chocolate bar logo colors ── */
  --choc-base: #3D1C02;
  --choc-seg:  #6B3410;
  --choc-hi:   #C17F3E;
  --choc-dark: #1A0800;

  /* ── Borders ── */
  --border:    rgba(10,10,15,0.08);
  --border2:   rgba(10,10,15,0.14);

  /* ── Typography ── */
  --serif: 'Playfair Display', Georgia, serif;
  --sans:  'Noto Serif', serif;
  --mono:  'JetBrains Mono', monospace;

  /* ── Misc ── */
  --r:    8px;
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
}