/* variables */
:root{
  --page-bg-start:#a8c8f8;
  --page-bg-mid:#c9b8f0;
  --page-bg-end:#f7b8d8;
  --page-text:#1a1a2e;
  --device-glass:rgba(255,255,255,0.18);
  --device-border:rgba(255,255,255,0.45);
  --device-radius:32px;
  --device-padding:20px;
  --device-width:320px;
  --display-bg:rgba(10,12,30,0.75);
  --display-text:#e0f0ff;
  --display-subtext:rgba(180,210,255,0.5);
  --display-radius:16px;
  --btn-gap:11px;
  --btn-radius:18px;
  --btn-num-bg:rgba(255,255,255,0.14);
  --btn-num-border:rgba(255,255,255,0.35);
  --btn-num-text:#ffffff;
  --btn-util-bg:rgba(255,255,255,0.28);
  --btn-util-border:rgba(255,255,255,0.55);
  --btn-util-text:#1a1a2e;
  --btn-op-bg:rgba(100,160,255,0.22);
  --btn-op-border:rgba(100,160,255,0.5);
  --btn-op-text:#c8e0ff;
  --btn-op-active-bg:rgba(100,160,255,0.55);
  --btn-op-active-text:#ffffff;
  --btn-eq-bg-start:#3b82f6;
  --btn-eq-bg-end:#1d4ed8;
  --btn-eq-text:#ffffff;
  --btn-eq-glow:rgba(59,130,246,0.55);
  --font-display:'Share Tech Mono',monospace;
  --font-ui:'DM Sans',sans-serif;
  --ease-spring:cubic-bezier(0.34,1.56,0.64,1);
  --ease-smooth:cubic-bezier(0.4,0,0.2,1);
}