/**
 * Generated from the Figma effect styles. Do not edit.
 * Regenerate with `pnpm --filter @ionbase-ui/tokens build`.
 *
 * Source: src/figma/effect-styles.json
 *
 * These are NOT tokens. Figma's effect styles are not variable-bound, so there
 * is nothing for them to alias — the values are committed and generated instead.
 * The `--ion-` prefix marks that: anything named `--shadow-*` would come from
 * the token pipeline, and none of this does.
 *
 * DARK MODE: override these same properties under `[data-theme='dark']`.
 * No component file should need to change.
 */

:root {
  --ion-shadow-shadow-xs:
    0px 1px 2px 0px rgb(0 0 0 / 5%);

  --ion-shadow-shadow-sm:
    0px 1px 3px 0px rgb(0 0 0 / 8%),
    0px 1px 2px -1px rgb(0 0 0 / 6%);

  --ion-shadow-shadow-md:
    0px 4px 8px -2px rgb(0 0 0 / 8%),
    0px 2px 4px -2px rgb(0 0 0 / 6%);

  --ion-shadow-shadow-lg:
    0px 12px 16px -4px rgb(0 0 0 / 8%),
    0px 4px 6px -2px rgb(0 0 0 / 5%);

  --ion-shadow-shadow-xl:
    0px 20px 24px -4px rgb(0 0 0 / 10%),
    0px 8px 8px -4px rgb(0 0 0 / 4%);

  --ion-shadow-raised-lifted-xs:
    inset 0px -2px 1px 0px rgb(0 0 0 / 12%),
    inset 0px 2px 1px 0px rgb(255 255 255 / 20%),
    0px 1px 1px 0px rgb(7 10 13 / 6%),
    0px 1px 2px 0px rgb(7 10 13 / 4%);

  --ion-shadow-raised-lifted-sm:
    inset 0px -3px 1px 0px rgb(0 0 0 / 15%),
    inset 0px 3px 1px 0px rgb(255 255 255 / 20%),
    0px 1px 2px 0px rgb(7 10 13 / 8%),
    0px 2px 4px 0px rgb(7 10 13 / 5%);

  --ion-shadow-raised-lifted-lg:
    inset 0px -4px 2px 0px rgb(0 0 0 / 20%),
    inset 0px 4px 2px 0px rgb(255 255 255 / 20%),
    0px 1px 1px 0px rgb(7 10 13 / 32%),
    0px 1px 2px 0px rgb(7 10 13 / 16%);

  --ion-shadow-raised-lifted-xl:
    inset 0px -6px 2px 0px rgb(0 0 0 / 25%),
    inset 0px 6px 2px 0px rgb(255 255 255 / 20%),
    0px 1px 2px 0px rgb(7 10 13 / 30%),
    0px 2px 4px 0px rgb(7 10 13 / 14%);

  --ion-shadow-inset-flush-xs:
    inset 0px 1px 2px 0px rgb(0 0 0 / 8%);

  --ion-shadow-inset-flush-lg:
    inset 0px 2px 2px 0px rgb(0 0 0 / 40%);

  --ion-shadow-focus-md:
    0px 0px 0px 2px rgb(255 255 255 / 100%),
    0px 0px 0px 4px rgb(7 10 13 / 50%);

  --ion-shadow-focus-lg:
    0px 0px 0px 2px rgb(255 255 255 / 100%),
    0px 0px 0px 4px rgb(221 224 228 / 100%),
    0px 0px 0px 6px rgb(19 25 35 / 100%),
    0px 2px 6px 0px rgb(7 10 13 / 20%);

  --ion-shadow-raised-flush-xs:
    inset 0px -2px 1px 0px rgb(0 0 0 / 12%),
    inset 0px 2px 1px 0px rgb(255 255 255 / 20%);

  --ion-shadow-raised-flush-sm:
    inset 0px -3px 1px 0px rgb(0 0 0 / 15%),
    inset 0px 3px 1px 0px rgb(255 255 255 / 20%);

  --ion-shadow-raised-flush-lg:
    inset 0px -4px 2px 0px rgb(0 0 0 / 20%),
    inset 0px 4px 2px 0px rgb(255 255 255 / 20%);

  --ion-shadow-raised-flush-xl:
    inset 0px -6px 2px 0px rgb(0 0 0 / 25%),
    inset 0px 6px 2px 0px rgb(255 255 255 / 20%);

  --ion-shadow-inset-lifted-xs:
    inset 0px 1px 2px 0px rgb(0 0 0 / 8%),
    0px 1px 1px 0px rgb(7 10 13 / 6%),
    0px 1px 2px 0px rgb(7 10 13 / 4%);

  --ion-shadow-inset-lifted-lg:
    inset 0px 2px 2px 0px rgb(0 0 0 / 40%),
    0px 1px 1px 0px rgb(7 10 13 / 32%),
    0px 1px 2px 0px rgb(7 10 13 / 16%);

  --ion-shadow-inset-flush-sm:
    inset 0px 1.5px 2px 0px rgb(0 0 0 / 20%);

  --ion-shadow-inset-lifted-sm:
    inset 0px 1.5px 2px 0px rgb(0 0 0 / 20%),
    0px 1px 2px 0px rgb(7 10 13 / 8%),
    0px 2px 4px 0px rgb(7 10 13 / 5%);

  /* A shadow that paints nothing, so composed lists always stay valid. */
  --ion-shadow-none: 0 0 transparent;
}