/* Layout: a phone-width app column (max 480px) with a pinned header and a bottom tab bar;
   on wide screens the column sits centred on a leaf-tinted ground.
   Palette from a Telugu wedding mandapam: mango-leaf thoranam green, turmeric (pasupu),
   kumkum rose for the bride's side, peacock blue for the groom's side. */
:root {
  --ground:      #EEF2EC;   /* page behind the app column */
  --surface:     #FBFCF9;   /* app column */
  --raised:      #FFFFFF;   /* cards, sheets */
  --ink:         #1B2A22;
  --ink-soft:    #56655C;
  --line:        #D9E1D8;
  --leaf:        #1F5A43;   /* primary: mango-leaf green */
  --leaf-soft:   #E1EDE5;
  --pasupu:      #E3A71B;   /* turmeric accent */
  --pasupu-soft: #FBF0D2;
  --bride:       #B3325A;   /* kumkum rose — bride's side */
  --bride-soft:  #F8E3EA;
  --groom:       #2156A0;   /* peacock blue — groom's side */
  --groom-soft:  #E2EBF8;
  --shared:      #1F5A43;
  --warn:        #B4541A;
  --danger:      #B02A2A;
  --on-leaf:     #FFFFFF;
  --shadow:      0 1px 2px rgba(27, 42, 34, .06), 0 6px 20px rgba(27, 42, 34, .07);

  --font-display: "Tiro Telugu", "Noto Serif Telugu", Georgia, serif;
  --font-body: "Hanken Grotesk", "Noto Sans Telugu", system-ui, -apple-system, "Segoe UI", sans-serif;

  --fs-xs: .75rem;   --fs-sm: .8125rem; --fs-md: .9375rem;
  --fs-lg: 1.125rem; --fs-xl: 1.5rem;   --fs-2xl: 2.25rem;
  --r-sm: 8px; --r-md: 12px; --r-lg: 18px;
  --tabbar-h: 64px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --ground: #0F1612; --surface: #151E19; --raised: #1C2721;
    --ink: #E7EEE9; --ink-soft: #A3B2A9; --line: #2C3A32;
    --leaf: #6FC39A; --leaf-soft: #1E3529;
    --pasupu: #F0BE45; --pasupu-soft: #3A3017;
    --bride: #EC7FA0; --bride-soft: #3E2230;
    --groom: #7FAEEF; --groom-soft: #1E2B40;
    --shared: #6FC39A; --warn: #E89A5E; --danger: #EF7E7E; --on-leaf: #0F1612;
    --shadow: 0 1px 2px rgba(0,0,0,.3), 0 6px 20px rgba(0,0,0,.25);
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --ground: #0F1612; --surface: #151E19; --raised: #1C2721;
  --ink: #E7EEE9; --ink-soft: #A3B2A9; --line: #2C3A32;
  --leaf: #6FC39A; --leaf-soft: #1E3529;
  --pasupu: #F0BE45; --pasupu-soft: #3A3017;
  --bride: #EC7FA0; --bride-soft: #3E2230;
  --groom: #7FAEEF; --groom-soft: #1E2B40;
  --shared: #6FC39A; --warn: #E89A5E; --danger: #EF7E7E; --on-leaf: #0F1612;
  --shadow: 0 1px 2px rgba(0,0,0,.3), 0 6px 20px rgba(0,0,0,.25);
  color-scheme: dark;
}