/* 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: #789578;
  --appshare-brand-deep: #38634E;
  --appshare-brand-ink: #173E34;
  --appshare-brand-soft: #E5EBE4;
  --appshare-accent: #173E34;
  --appshare-link: #173E34;
  --appshare-canvas: #EDF0E9;
  --appshare-surface: #FFFFFF;
  --appshare-line: #D5DED2;
  --appshare-text: #173E34;
  --appshare-secondary: #5B7165;
  --appshare-positive: #0F6B45;
  --appshare-negative: #B3261E;
  --appshare-track: rgba(16, 17, 20, 0.08);
  --appshare-button-text: #FFFFFF;
  --appshare-hero: linear-gradient(135deg, #173E34, #38634E);
  --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: #E5EBE4;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --appshare-brand-soft: #213E33;
    --appshare-accent: #B9D0B1;
    --appshare-link: #B9D0B1;
    --appshare-canvas: #101F19;
    --appshare-surface: #192E24;
    --appshare-line: #314A3C;
    --appshare-text: #EDF0E9;
    --appshare-secondary: #A7B8A8;
    --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: #213E33;
  --appshare-accent: #B9D0B1;
  --appshare-link: #B9D0B1;
  --appshare-canvas: #101F19;
  --appshare-surface: #192E24;
  --appshare-line: #314A3C;
  --appshare-text: #EDF0E9;
  --appshare-secondary: #A7B8A8;
  --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);
}