/* Sauli AI – varjot ja liike. Kortit rajataan 1 px renkaalla, ei pehmeällä varjolla. */
:root {
  --shadow-card: 0 0 0 1px var(--color-line);
  --shadow-card-hover: 0 0 0 1px var(--color-control), 0 4px 12px rgba(29, 26, 22, .06);
  --shadow-selected: 0 0 0 2px var(--color-selected-line);
  --shadow-focus: 0 0 0 3px var(--color-focus-ring);
  --shadow-raised: 0 1px 2px rgba(29, 26, 22, .08);
  --shadow-popover: 0 12px 32px rgba(29, 26, 22, .12);
  --shadow-toast: 0 12px 32px rgba(0, 0, 0, .2);
  --shadow-dialog: 0 24px 64px rgba(29, 26, 22, .22);

  --focus-outline: 2px solid var(--color-focus);
  --focus-offset: 2px;

  --ease-standard: cubic-bezier(.25, .1, .25, 1); /* @kind other */
  --ease-out: ease-out; /* @kind other */
  --duration-fast: 150ms; /* @kind other */   /* silmät aukeavat, hover */
  --duration-toast: 180ms; /* @kind other */  /* toast nousee 8 px */
  --duration-wake: 1000ms; /* @kind other */  /* S piirtyy */
  --duration-talk: 1400ms; /* @kind other */  /* suun jakso */
  --duration-loader: 2600ms; /* @kind other *//* latauksen veto: piirtyy ja pyyhkiytyy */
}