/* ============================================
   FACULTY — Design Tokens
   All values sourced here. Never hardcode elsewhere.
   ============================================ */

:root {

  /* Colors */
  --color-black:       #000000;
  --color-white:       #FFFFFF;
  --color-nav-bg:      rgba(0, 0, 0, 0.5);   /* 50% opacity black nav bar */
  --color-overlay:     rgba(0, 0, 0, 0.35);  /* section image overlay */

  /* Typography */
  --font-display:      'Playfair Display', serif;
  --font-body:         'DM Sans', sans-serif;

  /* Type Scale */
  --text-nav:          1rem;           /* 16px */
  --text-link:   1.25rem;        /* 16px */ 
  --text-body:         0.9375rem;      /* 15px */
  --text-bucket-body:  1.125rem;       /* 18px */
  --text-caption:      0.8125rem;      /* 13px */
  --text-h3:           1.5rem;         /* 24px */
  --text-h2:           2.5rem;         /* 40px */
  --text-h1:           3.75rem;        /* 60px */
  --text-hero:         clamp(2.5rem, 6vw, 5rem);

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

  /* Layout */
  --nav-height:        70px;
  --section-pad-v:     var(--space-xl);
  --content-max:       1200px;
  --content-pad-h:     var(--space-lg);

  /* Breakpoints (reference only — use in media queries) */
  /* mobile:  < 768px  */
  /* tablet:  768–1024px */
  /* desktop: > 1024px */

  /* Borders */
  --radius-card:       20px;

  /* Transitions */
  --transition-fast:   0.2s ease;
  --transition-med:    0.5s ease;
  --transition-slow:   1s ease;

  /* Z-index layers */
  --z-base:            0;
  --z-content:         10;
  --z-nav:             100;
  --z-social:          90;
  --z-overlay:         5;
}