:root {
  --eitorf-dark:         #333d40;
  --eitorf-orange:       #ffa500;
  --eitorf-orange-deep:  #e09900;
  --eitorf-orange-text:  #c47d00;
  --eitorf-cream:        #fff7ea;
  --eitorf-green:        #7cda24;
  --eitorf-green-text:   #3a7200;
  --eitorf-blue:         #0c71c3;
  --eitorf-blue-text:    #0a4f8a;

  --eitorf-bg-page:      #fefcf7;
  --eitorf-bg-card:      #ffffff;
  --eitorf-bg-input:     #fdf8f0;

  --eitorf-border:       rgba(255, 165, 0, 0.22);
  --eitorf-border-hover: rgba(255, 165, 0, 0.45);
  --eitorf-border-input: rgba(255, 165, 0, 0.25);
  --eitorf-border-ui:    #d0d5d7;

  --eitorf-shadow-card:  0 2px 12px rgba(51, 61, 64, 0.07);
  --eitorf-shadow-hover: 0 12px 30px rgba(51, 61, 64, 0.13);
  --eitorf-shadow-btn:   0 3px 14px rgba(255, 165, 0, 0.30);
  --eitorf-shadow-nav:   0 4px 28px rgba(51, 61, 64, 0.10), inset 0 1px 0 rgba(255,255,255,0.95);

  --eitorf-radius-card:  12px;
  --eitorf-radius-btn:   40px;
  --eitorf-radius-input: 9px;
  --eitorf-radius-pill:  50px;

  --eitorf-ease:         cubic-bezier(0.23, 1, 0.32, 1);
  --eitorf-fast:         150ms ease;
  --eitorf-mid:          300ms ease;
  --eitorf-spring:       450ms cubic-bezier(0.23, 1, 0.32, 1);
}