/*
  Srota Bio theme
  ----------------
  Change this file to reskin the site. Layout and component styles consume only
  the semantic tokens below and do not contain their own color values.
*/

:root {
  color-scheme: light;

  /* Brand palette — Sage & Plum */
  --color-brand-primary: #573b58;
  --color-brand-primary-hover: #432d44;
  --color-brand-primary-soft: #eee6ef;
  --color-brand-secondary: #9cb5a3;
  --color-brand-secondary-deep: #536c5b;
  --color-sage-on-plum: #d3dfd6;
  --color-accent: #e8d2d0;

  /* Surfaces and typography */
  --color-background: #faf7f2;
  --color-surface: #ffffff;
  --color-surface-soft: #f3eee9;
  --color-text: #29252b;
  --color-text-muted: #696169;
  --color-on-brand: #ffffff;
  --color-border: #ded5da;
  --color-focus: #715073;
  --color-success: #2f6b4f;
  --color-error: #a13f4e;

  /* Decorative treatments */
  --color-header-background: rgba(250, 247, 242, 0.88);
  --color-hero-glow: rgba(232, 210, 208, 0.58);
  --shadow-button: 0 12px 28px rgba(87, 59, 88, 0.2);

  /* Type and shape */
  --font-body: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display: Georgia, "Times New Roman", serif;
  --font-size-display: clamp(3.15rem, 6.5vw, 5.9rem);
  --font-size-heading: clamp(2.25rem, 4vw, 3.75rem);
  --font-size-subheading: clamp(1.2rem, 1.7vw, 1.4rem);
  --font-size-body-large: clamp(1.05rem, 1.35vw, 1.18rem);
  --font-size-card-number: clamp(1.3rem, 2vw, 1.65rem);
  --space-section-gap: clamp(4rem, 7vw, 6.25rem);
  --radius-small: 0.75rem;
  --radius-medium: 1.25rem;
  --radius-large: 2rem;
  --radius-pill: 999px;
}