:root {
  /* Opacity scale */
  --alpha-02: 0.02;
  --alpha-03: 0.03;
  --alpha-04: 0.04;
  --alpha-05: 0.05;
  --alpha-06: 0.06;
  --alpha-08: 0.08;
  --alpha-10: 0.1;
  --alpha-12: 0.12;
  --alpha-14: 0.14;
  --alpha-16: 0.16;
  --alpha-18: 0.18;
  --alpha-20: 0.2;
  --alpha-22: 0.22;
  --alpha-24: 0.24;
  --alpha-25: 0.25;
  --alpha-28: 0.28;
  --alpha-30: 0.3;
  --alpha-32: 0.32;
  --alpha-35: 0.35;
  --alpha-40: 0.4;
  --alpha-45: 0.45;
  --alpha-50: 0.5;
  --alpha-55: 0.55;
  --alpha-60: 0.6;
  --alpha-70: 0.7;
  --alpha-75: 0.75;
  --alpha-80: 0.8;
  --alpha-85: 0.85;
  --alpha-90: 0.9;
  --alpha-92: 0.92;
  --alpha-95: 0.95;
  --alpha-96: 0.96;
  --alpha-98: 0.98;

  /* UI/effect tokens */
  --field-shadow: inset 0 0 0 1px rgb(var(--rgb-accent) / var(--alpha-08));

  --shadow-card: 0 35px 65px -55px rgb(var(--rgb-surface-base));
  --shadow-card-strong: 0 45px 85px -65px rgb(var(--rgb-surface-base));
  --shadow-inset-soft: inset 0 0 0 1px rgb(var(--rgb-accent) / var(--alpha-08));
  --shadow-frame: var(--shadow-inset-soft), var(--shadow-card);
  --shadow-frame-strong: inset 0 0 0 1px rgb(var(--rgb-accent) / var(--alpha-12)), 0 45px 90px -60px rgb(var(--rgb-surface-base));

  --effect-select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='currentColor' d='M1.4 0.9 6 5.6 10.6 0.9 12 2.3 6 8 0 2.3z'/%3E%3C/svg%3E");
}