/* Design tokens. Colours and shapes come from the iOS app (Extensions/Color+Theme.swift,
   Views/Shared/GlassCard.swift); PV Master is dark only, on both platforms. */

@font-face {
  font-family: "Barlow Condensed";
  src: url("../fonts/barlow-condensed-400.woff2") format("woff2");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Barlow Condensed";
  src: url("../fonts/barlow-condensed-500.woff2") format("woff2");
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Barlow Condensed";
  src: url("../fonts/barlow-condensed-600.woff2") format("woff2");
  font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Barlow Condensed";
  src: url("../fonts/barlow-condensed-700.woff2") format("woff2");
  font-weight: 700; font-style: normal; font-display: swap;
}

:root {
  color-scheme: dark;

  /* iOS palette */
  --pv-deep-purple: #291b41;
  --pv-warm-red: #a24257;
  --pv-solar-gold: #f5a623;
  --pv-amber: #d4913a;
  --pv-text: #ffffff;
  --pv-secondary-text: rgb(255 255 255 / 0.7);
  --pv-tertiary-text: rgb(255 255 255 / 0.5);
  --pv-card-bg: rgb(255 255 255 / 0.08);
  --pv-card-stroke: rgb(255 255 255 / 0.12);
  --pv-glass: rgb(41 27 65 / 0.35);
  --pv-danger: #ff6b6b;
  --pv-good: #7ed6a0;
  --pv-focus: #ffd27a;

  /* Avenir Next Condensed is the iOS face; Apple devices have it, everyone else gets Barlow Condensed. */
  --font: "Avenir Next Condensed", "Barlow Condensed", "Arial Narrow", sans-serif-condensed, sans-serif;

  /* Fluid type, 16px floor for reading text. */
  --step--1: clamp(0.875rem, 0.85rem + 0.1vw, 0.95rem);
  --step-0: clamp(1rem, 0.97rem + 0.15vw, 1.0625rem);
  --step-1: clamp(1.125rem, 1.07rem + 0.3vw, 1.3rem);
  --step-2: clamp(1.35rem, 1.25rem + 0.55vw, 1.7rem);
  --step-3: clamp(1.7rem, 1.5rem + 1vw, 2.375rem);
  --step-4: clamp(2.1rem, 1.8rem + 1.6vw, 3.1rem);

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;

  --radius-card: 16px;
  --radius-button: 14px;
  --radius-small: 10px;
  --hit: 44px;
  --gutter: 16px;
  --reading: 760px;

  --tabbar-h: 56px;
  --rail-w: 88px;
  --sidebar-w: 248px;

  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --fast: 140ms;
  --slow: 190ms;
}