/* ISICS — Design Tokens · Light Theme */
:root {
  /* Dark (text / accents / footer) */
  --isics-navy:        #0d1224;
  --isics-navy-mid:    #f7f5f1;   /* soft warm white (section alt bg) */
  --isics-navy-soft:   #f0ede7;   /* hover state bg */

  /* Gold */
  --isics-gold:        #b8922e;
  --isics-gold-light:  #c9a84c;
  --isics-gold-dim:    #9a7835;

  /* Text */
  --isics-cream:       #0d1224;
  --isics-cream-dim:   rgba(13,18,36,0.55);
  --isics-cream-faint: rgba(13,18,36,0.06);

  /* Borders */
  --isics-line:        rgba(13,18,36,0.1);
  --isics-line-strong: rgba(13,18,36,0.2);

  /* Typography */
  --isics-serif: 'Cormorant Garamond', Georgia, serif;
  --isics-sans:  'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --isics-mono:  'JetBrains Mono', 'IBM Plex Mono', monospace;

  /* Motion */
  --isics-ease:   cubic-bezier(0.22, 0.61, 0.36, 1);
  --isics-fast:   160ms;
  --isics-medium: 320ms;
  --isics-slow:   620ms;
}

/* Reveal animation */
.reveal {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 800ms var(--isics-ease), transform 800ms var(--isics-ease);
}
.reveal.visible { opacity: 1; transform: none; }
.reveal-d1 { transition-delay: 80ms; }
.reveal-d2 { transition-delay: 160ms; }
.reveal-d3 { transition-delay: 240ms; }