/* Washington Lake Construction LLC — design tokens (V6 Dimensional) */
:root {
  /* Surfaces — each material is a face value and a return value */
  --wl-pearl:            #FDFBF9;
  --wl-pearl-deep:       #F1EBE4;
  --wl-plaster:          #EFE7DF;
  --wl-plaster-deep:     #DED2C6;
  --wl-celadon:          #DCE5DF;
  --wl-celadon-deep:     #BFCFC5;

  /* Copper — the only metal. Gradient is a material, never an ink. */
  --wl-copper-light:     #F6BC8C;
  --wl-copper:           #D0743E;
  --wl-copper-deep:      #B5602C;
  --wl-copper-flat:      #A04E24; /* use this for copper TEXT — 5.17:1 on pearl */

  /* Ink — never #000000 */
  --wl-ink:              #2B2331;
  --wl-ink-mid:          #4A4152;
  --wl-ink-soft:         #5E5468;
  --wl-ink-muted:        #7C6B86;
  --wl-line:             #D9CFC6;

  /* Gradients */
  --wl-surface:  linear-gradient(168deg, #FBF9F7 0%, #F5F1EC 58%, #EFE8E1 100%);
  --wl-card:     linear-gradient(155deg, #FFFFFF, #F2ECE5);
  --wl-metal:    linear-gradient(150deg, var(--wl-copper-light), var(--wl-copper-deep));
  --wl-plate:    linear-gradient(150deg, var(--wl-ink-mid), var(--wl-ink));

  /* Depth — one light source, upper left, everywhere */
  --wl-lift:     0 30px 60px -28px rgba(60,50,70,.42), 0 4px 12px -6px rgba(60,50,70,.18);
  --wl-lift-sm:  0 18px 34px -20px rgba(60,50,70,.36), 0 2px 8px -4px rgba(60,50,70,.14);

  /* Radius */
  --wl-r-sm: 14px;
  --wl-r-md: 20px;
  --wl-r-lg: 26px;
  --wl-r-pill: 100px;

  /* Type */
  --wl-font-display: 'Unbounded', 'Helvetica Neue', Arial, sans-serif;  /* 700, sentence case, -4.5% */
  --wl-font-text:    'Epilogue', 'Helvetica Neue', Helvetica, Arial, sans-serif; /* 300/400 */
  --wl-font-mono:    'DM Mono', ui-monospace, Menlo, monospace;         /* every checkable figure */
}