/* Auvra: two themes, one system. Periwinkle brand, ink on paper by day, paper on a
   blue-black canvas after dark, a soft colour wash at the top of each page and one gradient
   hero surface per screen (the same gradient in both themes). No glows. Values mirror
   design/tokens.json 0.8.0. */
:root {
  color-scheme: light dark;
  --appshare-brand: #7892FF;
  --appshare-brand-deep: #5468E0;
  --appshare-brand-ink: #4A5CD8;
  --appshare-brand-soft: #EEF1FF;
  --appshare-accent: #4A5CD8;
  --appshare-link: #4A5CD8;
  --appshare-canvas: #F5F6FA;
  --appshare-surface: #FFFFFF;
  --appshare-line: #E4E6EE;
  --appshare-text: #101114;
  --appshare-secondary: #626876;
  --appshare-positive: #0F6B45;
  --appshare-negative: #B3261E;
  --appshare-track: rgba(16, 17, 20, 0.08);
  --appshare-button-text: #FFFFFF;
  --appshare-hero: linear-gradient(135deg, #4A5CD8, #5468E0);
  --appshare-card-shadow: 0 4px 12px rgba(16, 17, 20, 0.05);
  --appshare-inset: 20px;
  /* Radii are a scale, not one number. --appshare-radius stays the ordinary card. */
  --appshare-hero-radius: 28px;
  --appshare-radius: 24px;
  --appshare-row-radius: 18px;
  --appshare-tile-radius: 12px;
  --appshare-icon-well: #F1F1F4;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --appshare-brand-soft: #1E2340;
    --appshare-accent: #9DB0FF;
    --appshare-link: #9DB0FF;
    --appshare-canvas: #0F1117;
    --appshare-surface: #1A1D27;
    --appshare-line: #2A2E3D;
    --appshare-text: #F5F6FA;
    --appshare-secondary: #A0A5B8;
    --appshare-positive: #4FD08F;
    --appshare-negative: #F07A72;
    --appshare-track: rgba(255, 255, 255, 0.10);
    --appshare-icon-well: rgba(255, 255, 255, 0.08);
    --appshare-card-shadow: 0 4px 12px rgba(0, 0, 0, 0.35);
  }
}
:root[data-theme="dark"] {
  --appshare-brand-soft: #1E2340;
  --appshare-accent: #9DB0FF;
  --appshare-link: #9DB0FF;
  --appshare-canvas: #0F1117;
  --appshare-surface: #1A1D27;
  --appshare-line: #2A2E3D;
  --appshare-text: #F5F6FA;
  --appshare-secondary: #A0A5B8;
  --appshare-positive: #4FD08F;
  --appshare-negative: #F07A72;
  --appshare-track: rgba(255, 255, 255, 0.10);
  --appshare-icon-well: rgba(255, 255, 255, 0.08);
  --appshare-card-shadow: 0 4px 12px rgba(0, 0, 0, 0.35);
}