@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

    /* tokens: static/css/tokens.css */

    html {
      background: var(--ds-bg);
    }
    body {
      font-family: var(--font-sans);
      font-size: var(--ds-text-body);
      background: var(--ds-bg);
      color: var(--ds-text);
      min-height: 100dvh;
      /* Browser default is 8px and shoved the sticky header below the screen edge. */
      margin: 0;
      /* Horizontal safe areas only — top is handled by sticky header */
      padding-left: env(safe-area-inset-left, 0px);
      padding-right: env(safe-area-inset-right, 0px);
      padding-bottom: env(safe-area-inset-bottom, 0px);
    }

