/* Tokens do design system Dra. Franciele Sessa (gerado a partir de design-system/tokens). */
/* Dra. Franciele Sessa — Color system
 * Brand palette (from brand board): Gold (metallic gradient), Green #4D5546, Cream #EDDFC7.
 */
:root {
  /* ---- Base scales ---- */
  /* Olive green (primary brand) */
  --green-900: #2f3529;
  --green-800: #3a4033;
  --green-700: #434a3b;
  --green: #4d5546;        /* brand primary */
  --green-500: #4d5546;
  --green-400: #6c7461;
  --green-300: #929a86;
  --green-200: #bcc1b1;
  --green-100: #dee1d7;

  /* Cream / sand */
  --cream-050: #f8f3ea;
  --cream-100: #f3ead9;
  --cream: #eddfc7;        /* brand cream */
  --cream-300: #e0cdae;
  --cream-400: #cfb890;

  /* Gold (metallic) — solids sampled from the mark */
  --gold-light: #f6edb4;
  --gold-300: #e6ce83;
  --gold: #c9a24b;         /* brand gold, solid */
  --gold-600: #ab8440;
  --gold-deep: #8c6a34;

  /* Neutrals */
  --white: #ffffff;
  --ink: #2a2e24;          /* near-black, green-tinted */
  --ink-soft: #4a4f42;

  /* Metallic gold gradient (use for premium accents, rules, monogram fills) */
  --gradient-gold: linear-gradient(120deg, #a9843f 0%, #e6ce83 26%, #f6edb4 42%, #d4b25e 60%, #a9843f 100%); /* @kind color */
  --gradient-gold-soft: linear-gradient(120deg, #c9a24b 0%, #ecd996 50%, #c9a24b 100%); /* @kind color */
  /* Deep green field, subtly lit */
  --gradient-green: radial-gradient(120% 120% at 30% 20%, #545c4c 0%, #4d5546 45%, #3a4033 100%); /* @kind color */

  /* ---- Semantic aliases ---- */
  --brand-primary: var(--green);
  --brand-accent: var(--gold);

  --surface-base: var(--cream-050);      /* page background (light) */
  --surface-raised: var(--white);        /* cards on light bg */
  --surface-sand: var(--cream);          /* warm section fills */
  --surface-dark: var(--green);          /* dark brand sections */
  --surface-dark-deep: var(--green-900);

  --text-heading: var(--green);          /* headings on light */
  --text-body: var(--ink-soft);          /* body on light */
  --text-muted: var(--green-300);
  --text-on-dark: var(--cream);          /* body on green */
  --text-heading-on-dark: var(--cream-050);
  --text-on-gold: var(--green-900);
  --text-accent: var(--gold-600);        /* gold text readable on light */

  --border-subtle: var(--cream-300);
  --border-on-dark: rgba(201, 162, 75, 0.35);
  --line-gold: var(--gold);

  --focus-ring: rgba(201, 162, 75, 0.55);
}

/* Dra. Franciele Sessa — Typography
 * Display: Cormorant Garamond (subs CHASA). Labels: Jost (subs CONSO). Body: Poppins.
 */
:root {
  --font-display: 'Cormorant Garamond', 'Chasa', Georgia, 'Times New Roman', serif;
  --font-label: 'Jost', 'Conso', 'Century Gothic', sans-serif;
  --font-body: 'Poppins', system-ui, -apple-system, 'Segoe UI', sans-serif;

  /* Weights */
  --fw-display: 500; /* @kind font */
  --fw-display-bold: 600; /* @kind font */
  --fw-label: 300; /* @kind font */
  --fw-body: 400; /* @kind font */
  --fw-body-medium: 500; /* @kind font */
  --fw-body-semibold: 600; /* @kind font */

  /* Type scale (rem, 16px base) */
  --fs-display-xl: 5.5rem;   /* hero wordmark */
  --fs-display-lg: 3.75rem;
  --fs-display-md: 2.75rem;
  --fs-display-sm: 2rem;
  --fs-h1: 2.25rem;
  --fs-h2: 1.75rem;
  --fs-h3: 1.375rem;
  --fs-lead: 1.25rem;
  --fs-body: 1rem;
  --fs-small: 0.875rem;
  --fs-eyebrow: 0.75rem;     /* letterspaced label */
  --fs-caption: 0.6875rem;

  /* Line heights */
  --lh-tight: 1.05; /* @kind font */
  --lh-display: 1.12; /* @kind font */
  --lh-heading: 1.2; /* @kind font */
  --lh-body: 1.65; /* @kind font */
  --lh-relaxed: 1.8; /* @kind font */

  /* Letter spacing */
  --ls-display: 0.01em; /* @kind font */
  --ls-eyebrow: 0.42em;      /* the brand's wide letterspaced caps (DRA. / MÉDICA) @kind font */
  --ls-label: 0.28em; /* @kind font */
  --ls-body: 0; /* @kind font */
}

/* Dra. Franciele Sessa — Spacing & layout scale (8px rhythm) */
:root {
  --space-0: 0;
  --space-1: 0.25rem;   /* 4 */
  --space-2: 0.5rem;    /* 8 */
  --space-3: 0.75rem;   /* 12 */
  --space-4: 1rem;      /* 16 */
  --space-5: 1.5rem;    /* 24 */
  --space-6: 2rem;      /* 32 */
  --space-7: 3rem;      /* 48 */
  --space-8: 4rem;      /* 64 */
  --space-9: 6rem;      /* 96 */
  --space-10: 8rem;     /* 128 */

  --container-sm: 640px;
  --container-md: 880px;
  --container-lg: 1140px;
  --container-xl: 1320px;

  --section-y: clamp(3.5rem, 8vw, 8rem); /* @kind spacing */
  --gutter: clamp(1.25rem, 5vw, 4rem); /* @kind spacing */
}

/* Dra. Franciele Sessa — Effects: radii, borders, shadows, motion
 * The brand reads as calm, editorial and elegant: gentle radii, soft warm shadows,
 * thin gold hairlines. No harsh drop shadows, no neon.
 */
:root {
  /* Corner radii — soft, generous, never sharp */
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-xl: 32px;
  --radius-pill: 999px;

  /* Borders / hairlines */
  --border-hairline: 1px solid var(--border-subtle);
  --border-gold-hairline: 1px solid var(--gold);
  --border-width: 1px;

  /* Shadows — warm, low, diffuse (never gray/harsh) */
  --shadow-sm: 0 1px 2px rgba(77, 85, 70, 0.06), 0 2px 6px rgba(77, 85, 70, 0.05);
  --shadow-md: 0 6px 18px rgba(77, 85, 70, 0.08), 0 2px 6px rgba(77, 85, 70, 0.05);
  --shadow-lg: 0 18px 48px rgba(77, 85, 70, 0.14), 0 6px 16px rgba(77, 85, 70, 0.07);
  --shadow-dark: 0 24px 60px rgba(20, 24, 16, 0.4);
  --shadow-gold-glow: 0 6px 24px rgba(201, 162, 75, 0.28);

  /* Motion — unhurried, gentle ease; fades and soft rises, no bounce */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --dur-fast: 160ms; /* @kind other */
  --dur-base: 260ms; /* @kind other */
  --dur-slow: 460ms; /* @kind other */

  /* Hover/press conventions (documented in readme):
     hover = gentle lift + warm; press = subtle scale(0.98) */
}