/* Angela Green Skin Care design tokens: codified from angelagreenskincare.com (Wix) computed styles and live
   component probes, October 9, 2026 (24 public routes, capture/capture.json). Light only: white ground, black ink,
   warm neutrals used sparingly.
   Fonts: Quicksand (headings, body copy, labels, prices) + Avenir LT 35 Light (nav, buttons, product names, fine print).
   Avenir is licensed through Wix, so every stack leads with Nunito Sans at 300, the open-license stand-in [ext].
   <link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap" rel="stylesheet">
   Local files: assets/fonts/ (OFL).
   Tags: [ext] added, not on the site
   v1.1 (October 12, 2026): soft surfaces and warm hairlines replace black outlines; soft corners; warm-black primary. */

:root {
  color-scheme: light;

  /* Ground */
  --agsc-white: #FFFFFF;         /* page ground, cards, header: almost every surface */
  --agsc-blush: #F6EBE4;         /* the one soft panel per view: subscription and feature panels */
  --agsc-sand: #E6D8C0;          /* warm block behind maps and image placeholders; quiet section ground */
  --agsc-warm-black: #282626;    /* feature buttons (Subscribe, Book Now) and the vertical tab; white text 15:1 */
  --agsc-black: #000000;         /* primary buttons, dark bands, social icon circles */
  --agsc-glass: rgba(255, 255, 255, 0.3);  /* translucent panels over photos (services hero) */
  --agsc-scrim: rgba(0, 0, 0, 0.5);        /* overlay behind a modal panel */

  /* Ink */
  --agsc-ink: #000000;           /* headings and body copy on white (21:1), blush (17.9:1) and sand (14.9:1) */
  --agsc-ink-soft: #404040;      /* nav links and secondary text on white (10.4:1) and blush (8.8:1) */
  --agsc-ink-muted: #575757;     /* prices and meta on white (7.2:1); struck-through original prices */
  --agsc-on-dark: #FFFFFF;       /* text on black (21:1) and warm black (15:1) */

  /* Line */
  --agsc-line: #000000;          /* 1px rules: contact grid, inputs, outline buttons */
  --agsc-line-card: #808080;     /* 1px product card borders (3.9:1 on white) */
  --agsc-line-soft: #E8DED6;     /* v1.1: warm hairline for dividers; replaces black and cool-grey rules between content */
  --agsc-line-field: #9E958E;    /* v1.1: form field borders, warm and 3:1 on white so the field edge stays visible */
  --agsc-surface: #FBF8F6;       /* v1.1: card ground on white; separates with tone instead of an outline */
  --agsc-rule: 1px;              /* every line on the site is 1px */

  /* Type family */
  --agsc-font-head: "Quicksand", "Trebuchet MS", Arial, sans-serif;           /* headings, body copy, labels, prices */
  --agsc-font-ui: "Nunito Sans", "Avenir Next", Avenir, Helvetica, Arial, sans-serif;  /* nav, buttons, product names, fine print. Site: Avenir LT 35 Light [ext] */

  /* Type scale (desktop px; components.css scales display sizes down on phones) */
  --agsc-text-display: 60px;     /* service names set in caps: FACIALS, CHEMICAL PEELS */
  --agsc-text-h1: 56px;          /* page titles and section heads: "Skin Care Products", "What is your skin asking for?" */
  --agsc-text-h2: 30px;          /* band heads: "Not sure what your skin needs next?" */
  --agsc-text-lead: 25px;        /* centered intro lines under a head */
  --agsc-text-body: 20px;        /* body copy: service descriptions */
  --agsc-text-title: 20px;       /* service and card titles (bold), contact labels (regular) */
  --agsc-text-tracked: 18px;     /* tracked labels: warm buttons, the vertical tab */
  --agsc-text-sm: 16px;          /* card copy, prices, product names, contact values */
  --agsc-text-ui: 14px;          /* nav and button labels */
  --agsc-text-fine: 12px;        /* terms, policies, footer */

  /* Weight */
  --agsc-weight-light: 300;      /* Nunito Sans standing in for Avenir 35 Light */
  --agsc-weight-regular: 400;    /* every heading: Quicksand is never bold at display sizes */
  --agsc-weight-bold: 700;       /* service titles and prices only */

  /* Leading */
  --agsc-leading-display: 1.41;  /* 60px heads at 84.6px */
  --agsc-leading-head: 1.25;     /* 56px heads at 70px */
  --agsc-leading-lead: 1.75;     /* 25px leads at 43.75px */
  --agsc-leading-body: 1.875;    /* 20px body at 37.5px: the site's airy measure */
  --agsc-leading-title: 1.375;   /* 20px titles at 27.5px */
  --agsc-leading-ui: 1.4;        /* 14px buttons at 19.6px */
  --agsc-leading-card: 1.6;      /* [ext] 16px card copy; the site leaves it at normal */

  /* Tracking */
  --agsc-track-label: 0.1em;     /* warm buttons and the vertical tab (1.8px at 18px) */

  /* Space [scale] [ext]: the site places elements freehand in Wix; this scale fits its observed gaps */
  --agsc-space-1: 4px;
  --agsc-space-2: 8px;
  --agsc-space-3: 16px;          /* product grid row gap */
  --agsc-space-4: 24px;          /* product grid column gap, card padding */
  --agsc-space-5: 40px;
  --agsc-space-6: 64px;          /* between blocks inside a section */
  --agsc-space-7: 96px;          /* between sections */

  /* Layout */
  --agsc-container: 980px;       /* Wix site width; content sits in a 940px column */
  --agsc-measure: 750px;         /* centered leads and intros */
  --agsc-button-height: 45px;    /* primary buttons (Shop Now) */
  --agsc-field-height: 40px;     /* email field and its attached button */

  /* Radius */
  --agsc-radius: 0;              /* v1.0: the site's square edges. Kept for Wix-matched work. */
  --agsc-radius-soft: 4px;       /* v1.1 default: buttons, cards, fields, photos */
  --agsc-radius-pill: 40px;      /* v1.1: the a.dot note */
  --agsc-radius-round: 50%;      /* icon circles and portrait crops only */

  /* Web motion */
  --agsc-fade: 0.2s;             /* button state changes */
  --agsc-fade-slow: 0.4s;        /* field and signup button border and ground */
  --agsc-ease: ease;             /* Wix default; nothing on the site springs */
  --agsc-ease-settle: cubic-bezier(0.22, 0.61, 0.36, 1); /* [ext] v1.2: decelerates into place, no overshoot */
  --agsc-reveal: 0.5s;           /* [ext] v1.2: content fading up as it scrolls into view */
  --agsc-reveal-stagger: 0.09s;  /* [ext] v1.2: between cards that come into view together */

  /* Video motion [ext]: closed-form springs as stiffness/damping (motion-film skill: studio/lib/core.js) */
  --agsc-spring-ui: 320 30;      /* buttons, price chips, the a.dot stamp: ~0.8% overshoot */
  --agsc-spring-card: 170 26;    /* product cutouts, photos, camera: no overshoot */
  --agsc-spring-heavy: 120 24;   /* Quicksand heads and the script logo: no overshoot. Nothing in this brand bounces. */
  --agsc-word-stagger: 0.08s;    /* word-by-word head build, a touch slower than WTS for a calmer read */
}