/*
  Adora Montessori — Shared Design Tokens
  =======================================
  Single source of truth for the Adora brand, extracted from the live site
  (verified values — see docs/adora-design-audit.md for file:line evidence).

  Consumed by:
  - Main site / Pages project (this repo, incl. /sustine landing page)
  - sustine.adoramontessori.ro app (sustine-app/public/css/adora-tokens.css copy)

  Brand character: deliberately monochrome. Photography carries the only color.
  Do NOT reintroduce the dormant theme palette from base.css (dead code).

  Keep both copies in sync when editing.
*/

:root {
  /* Typography */
  --adora-font-body: 'Open Sans', sans-serif;   /* body 13px/22px, letter-spacing 0.01em */
  --adora-font-alt: 'Montserrat', sans-serif;   /* headings, buttons, eyebrows (100-900) */

  /* Colors — verified rendered palette */
  --adora-primary: #333333;          /* interactive accent: FAQ left border, form focus, submit border, icon chips */
  --adora-primary-hover: #000000;    /* deepen on hover / fill */
  --adora-accent: #333333;           /* monochrome brand: accent == primary */
  --adora-background: #ffffff;       /* all sections .bg-white */
  --adora-surface: #f9f9f9;          /* cards: FAQ, contact info/form */
  --adora-heading: #282828;          /* .text-dark-gray section titles (top-level headings use #000) */
  --adora-text: #707070;             /* body copy */
  --adora-muted: #666666;            /* labels, form icons (.text-medium-gray) */
  --adora-border: #dddddd;           /* inputs, icon circles */
  --adora-divider: #ececec;          /* 1px section bottom borders */
  --adora-focus: #333333;            /* input focus border */
  --adora-error: #b03a2e;            /* on --adora-error-bg */
  --adora-error-bg: #fdf2f2;
  --adora-success-text: #333333;     /* on --adora-success-bg */
  --adora-success-bg: #f5f5f5;
  --adora-link: #4e4e4e;             /* base.css link color */

  /* Shape & depth */
  --adora-radius-card: 10px;         /* .faq-item, contact cards */
  --adora-radius-input: 6px;         /* contact form inputs */
  --adora-radius-pill: 30px;         /* .btn-circle buttons */
  --adora-radius-base: 4px;          /* .btn default */
  --adora-card-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
  --adora-card-shadow-hover: 0 4px 20px rgba(0, 0, 0, 0.08);

  /* Layout */
  --adora-container: 1190px;         /* Bootstrap 3 container widened from 1170 */
  --adora-content-narrow: 1100px;    /* FAQ / contact row clamp */
  --adora-section-pad: 110px;        /* padding-110px-tb rhythm (60px on xs) */

  /* Breakpoints (from responsive.css): 1300 1199 1050 991 767 640 480 419 380 320 */
}