/* ClarityWorks shared styles */

/* Font rendering */
* { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/* Brand CSS custom properties */
:root {
  --cw-bg:      #FAFAF8;
  --cw-text:    #37352F;
  --cw-border:  #E8E3DC;
  --cw-primary: #4A4D3C;
  --cw-muted:   #666666;
  --cw-hover:   #F5F3F0;
  --cw-olive:   #585C48;
  --cw-sage:    #8B9178;
  --cw-cream:   #FAFAF8;
  --cw-sand:    #E8E3DC;
}

/* Entrance animation (used on public/auth pages) */
@keyframes fadeUp {
  from { opacity: 0; transform: translateY(12px); }
  to   { opacity: 1; transform: translateY(0); }
}
.fade { opacity: 0; animation: fadeUp 0.8s ease forwards; }
.d1   { animation-delay: 0ms; }
.d2   { animation-delay: 120ms; }
.d3   { animation-delay: 240ms; }
.d4   { animation-delay: 360ms; }
.d5   { animation-delay: 480ms; }