/* Caprock Works — Shared Design Tokens
   Warm paper palette. Three sites, one material world. */

:root {
  /* ─── Paper & Surface ─── */
  --paper:          #F4EDE4;
  --paper-warm:     #EFE6D9;
  --limestone:      #E6DDD0;
  --limestone-deep: #D4C9B8;
  --cream:          #FAF7F2;

  /* ─── Structure ─── */
  --charcoal:       #2A2523;
  --charcoal-mid:   #4A4340;
  --charcoal-soft:  #6B6360;
  --charcoal-faint: #8A8280;
  --charcoal-bg:    #1E1B19;

  /* ─── Rust (Primary Action) ─── */
  --rust:           #B8533A;
  --rust-hover:     #9A4430;
  --rust-soft:      rgba(184, 83, 58, 0.12);
  --rust-light:     #D4785F;

  /* ─── Gold (Secondary / Orders accent) ─── */
  --gold:           #C89B3C;
  --gold-soft:      rgba(200, 155, 60, 0.14);
  --gold-deep:      #A67F2E;

  /* ─── Order Red ─── */
  --order-red:      #B83A3A;
  --order-red-soft: rgba(184, 58, 58, 0.12);

  /* ─── Functional ─── */
  --border:         rgba(42, 37, 35, 0.10);
  --border-hi:      rgba(42, 37, 35, 0.20);
  --shadow-sm:      0 1px 3px rgba(42, 37, 35, 0.08);
  --shadow-md:      0 4px 16px rgba(42, 37, 35, 0.10);
  --shadow-lg:      0 12px 40px rgba(42, 37, 35, 0.12);

  /* ─── Typography ─── */
  --font-display:   'Bricolage Grotesque', system-ui, sans-serif;
  --font-body:      'Figtree', system-ui, sans-serif;
  --font-mono:      'IBM Plex Mono', ui-monospace, monospace;

  /* ─── Type Scale (fluid) ─── */
  --text-xs:   clamp(0.75rem, 0.72rem + 0.15vw, 0.85rem);
  --text-sm:   clamp(0.833rem, 0.80rem + 0.17vw, 0.938rem);
  --text-base: clamp(1rem, 0.96rem + 0.22vw, 1.125rem);
  --text-lg:   clamp(1.2rem, 1.14rem + 0.28vw, 1.35rem);
  --text-xl:   clamp(1.44rem, 1.36rem + 0.40vw, 1.62rem);
  --text-2xl:  clamp(1.728rem, 1.62rem + 0.54vw, 1.944rem);
  --text-3xl:  clamp(2.074rem, 1.92rem + 0.77vw, 2.333rem);
  --text-4xl:  clamp(2.488rem, 2.26rem + 1.14vw, 2.8rem);
  --text-5xl:  clamp(3.2rem, 2.75rem + 2.2vw, 4.2rem);

  /* ─── Spacing ─── */
  --sp-2xs: 0.25rem;
  --sp-xs:  0.5rem;
  --sp-sm:  0.75rem;
  --sp-md:  1rem;
  --sp-lg:  1.5rem;
  --sp-xl:  2rem;
  --sp-2xl: 3rem;
  --sp-3xl: 4rem;
  --sp-4xl: 6rem;
  --sp-5xl: 8rem;

  /* ─── Layout ─── */
  --container: 76rem;
  --radius-sm:  0.375rem;
  --radius-md:  0.5rem;
  --radius-lg:  0.75rem;
  --radius-xl:  1rem;

  /* ─── Motion ─── */
  --ease:     cubic-bezier(0.2, 0.8, 0.2, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast:   180ms;
  --dur-normal: 280ms;
  --dur-slow:   420ms;
  --dur-reveal: 600ms;
}