/* ── variables ── */
:root{
  --page-bg:#F2F2F7;
  --page-text:#1C1C1E;
  --device-bg:#2C2C2E;
  --device-top:#3A3A3C;
  --device-border:#48484A;
  --device-radius:28px;
  --device-padding:20px;
  --device-width:320px;
  --display-bg:#1C1C1E;
  --display-text:#FFD60A;
  --display-subtext:rgba(255,214,10,0.45);
  --display-radius:14px;
  --btn-gap:11px;
  --btn-radius:50%;
  --btn-num-bg:#3A3A3C;
  --btn-num-top:#48484A;
  --btn-num-text:#EBEBF5;
  --btn-util-bg:#636366;
  --btn-util-top:#7C7C80;
  --btn-util-text:#EBEBF5;
  --btn-op-bg:#48484A;
  --btn-op-top:#5A5A5E;
  --btn-op-text:#EBEBF5;
  --btn-op-active-bg:#FFD60A;
  --btn-op-active-text:#1C1C1E;
  --btn-eq-bg:#FF4500;
  --btn-eq-top:#FF6030;
  --btn-eq-text:#FFFFFF;
  --btn-eq-glow:rgba(255,69,0,0.45);
  --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);
}