/* Aastha brand tokens — match the printed brand exactly */
:root {
  /* Colour */
  --olive: #2B3714;
  --olive-light: #3A4A1C;
  --olive-deep: #1E270D;
  --gold: #C69A4E;
  --gold-light: #E4C48A;
  --gold-deep: #8C6420;
  --ivory: #F8F4EA;
  --ink: #1E1C13;
  --muted: #4A493F;
  --neon: #FAF337;

  --ok: #2F8A47;
  --ok-bright: #5BD27A;
  --amber: #E2A43A;
  --danger: #A33A22;
  --white: #FFFFFF;
  --line: rgba(198, 154, 78, .45);

  /* Metallic surfaces (decorative only) */
  --gold-gradient: linear-gradient(180deg, #F3DDA0 0%, #D6AC5C 48%, #9C7128 100%);
  --gold-gradient-hover: linear-gradient(180deg, #F8E7B6 0%, #DDB566 48%, #A77A2E 100%);
  --brass-bead: radial-gradient(circle at 35% 30%, #FFF2C8 0%, #E3BA5F 42%, #8C6420 100%);
  --card-bg: linear-gradient(180deg, #FDF8EB, #F3E5C1);
  --card-shadow: 0 4px 10px rgba(60, 45, 15, .16), inset 0 1px 0 #fff;
  --photo-shadow: 0 6px 14px rgba(40, 30, 10, .28);
  --emboss: 0 1px 0 rgba(255, 255, 255, .9), 0 2px 3px rgba(140, 100, 32, .22);

  /* Type */
  --font-display: "Playfair Display", Georgia, "Times New Roman", serif;
  --font-body: "Mulish", "Segoe UI", system-ui, -apple-system, sans-serif;

  /* Layout */
  --max: 1200px;
  --gutter: 16px;
  --radius: 6px;
  --radius-lg: 14px;
  --header-h: 64px;
  --tabs-h: 56px;
  --bottombar-h: 76px;

  /* Motion */
  --ease: cubic-bezier(.2, .7, .2, 1);
  --t-fast: 150ms;
  --t: 220ms;
}

@media (min-width: 768px) {
  :root { --gutter: 28px; --header-h: 76px; }
}
@media (min-width: 1024px) {
  :root { --gutter: 40px; }
}