/*
 * tokens.css — Global Design Tokens
 */

:root {
  /* Color */
  --bg:           #F8F7F3;
  --text:         #181715;
  --text-body:    #383532;
  --text-faint:   #777370;
  --muted:        #9A9790;
  --border:       #E6E4DC;
  --accent:       var(--text);

  /* Typography */
  --font-display: 'Plus Jakarta Sans', sans-serif;
  --font-body:    'Plus Jakarta Sans', sans-serif;
  --weight-thin:  300;
  --weight-light: 400;
  --weight-semi:  600;

  /* Image filters */
  --filter-hero:         saturate(0.7) brightness(1.02);
  --filter-kite:         saturate(0.75) brightness(0.96);
  --filter-thinking:     saturate(0.65) brightness(0.97) contrast(1.02);
  --filter-presentation: saturate(0.6) brightness(0.97) contrast(1.02);

  /* Hero gradient overlay */
  --hero-overlay: none;

  /* Contact link */
  --link-underline:       var(--border);
  --link-underline-hover: var(--text);

  /* Spacing */
  --space-xs:  16px;
  --space-sm:  28px;
  --space-md:  40px;
  --space-lg:  64px;
  --space-xl:  96px;
  --space-2xl: 112px;

  /* Layout */
  --col-width: 640px;
  --col-pad:   40px;

  /* Type scale */
  --text-label:  0.72rem;
  --text-small:  0.95rem;
  --text-ack:    1rem;
  --text-base:   1.2rem;
  --text-pull:   2rem;
  --text-intro:  2.6rem;

  /* Label tracking */
  --label-spacing: 0.14em;

  /* Transitions */
  --transition-fast: 0.2s ease;
}