/* Smoketree Resources — design system tokens, flattened for publication */

/* ===== tokens/fonts.css ===== */
/* Smoketree Resources type: SETTLED, no webfonts.
   The brand's faces are system faces and are shipped as such - Times New Roman for the deck
   and body, Georgia for identity/print headlines, Arial for tracked caps. Earlier revisions
   loaded Tinos / Source Serif 4 / Montserrat as Google Fonts stand-ins; those guesses have
   been removed. Nothing here loads over the network.

   If the two faces on the printed business card are ever identified, add a single @font-face
   block here and repoint --font-serif-display / --font-sans in tokens/typography.css. */


/* ===== tokens/colors.css ===== */
:root{
  /* Base palette - verbatim from the slide template's own brand-reference slide */
  --green-forest:#1B4328;   /* primary, slide backgrounds, logo mark */
  --green-deep:#12321B;     /* headline ink on cream */
  --cream:#F4EDDB;          /* content-slide background */
  --cream-warm:#F3ECD9;     /* logo panel on dark slides */
  --cream-deep:#ECE2C9;     /* takeaway strip / banded fill */
  --gold:#AC8857;           /* accents, kickers, markers, rules */
  --sage:#D2D2BF;           /* muted text on green */
  --ink:#2B2B26;            /* body text on cream/white */
  --white:#FFFFFF;          /* card surface */
  --hairline:#DFD3B4;       /* card outline on cream */
  --gold-legacy:#B9975B;    /* LEGACY. Pre-2026 signature gold. Superseded by --gold; do not use. */
  --green-legacy:#1E3B2A;   /* LEGACY. Pre-2026 signature green. Superseded by --green-forest. */
  --sig-ink:#333333;        /* email-signature body grey - still current, greys read better in mail clients */

  /* Tints, derived - use sparingly, only where a wash is needed */
  --green-forest-08:rgba(27,67,40,.08);
  --green-forest-16:rgba(27,67,40,.16);
  --gold-12:rgba(172,136,87,.12);
  --gold-28:rgba(172,136,87,.28);
  --cream-on-green-70:rgba(244,237,219,.7);
  /* Hero protection gradient - the one sanctioned gradient in the system. Left-to-right so
     headline text sits on the dense end of a full-bleed photograph. */
  --scrim-hero:linear-gradient(90deg,rgba(27,67,40,.88) 0%,rgba(27,67,40,.62) 46%,rgba(27,67,40,.18) 100%); /* @kind color */

  /* Semantic surfaces */
  --surface-page:var(--cream);
  --surface-dark:var(--green-forest);
  --surface-card:var(--white);
  --surface-band:var(--cream-deep);
  --surface-panel:var(--cream-warm);

  /* Semantic text */
  --text-heading:var(--green-deep);
  --text-body:var(--ink);
  --text-accent:var(--gold);
  --text-on-dark:var(--cream);
  --text-on-dark-muted:var(--sage);
  --text-link:var(--green-forest);
  --text-link-hover:var(--gold);

  /* Semantic lines */
  --border-card:var(--hairline);
  --border-rule:var(--gold);
  --border-rule-on-dark:var(--gold);
  --divider-on-cream:rgba(27,67,40,.28);
}


/* ===== tokens/typography.css ===== */
:root{
  /* Families - system faces only, no webfonts. See tokens/fonts.css. */
  --font-serif-core:"Times New Roman",Times,serif;              /* decks + body: the brand's working face */
  --font-serif-display:Georgia,"Times New Roman",Times,serif;   /* identity/print headlines, business card name */
  --font-sans:Arial,Helvetica,sans-serif;                       /* tracked caps labels, contact lines */
  --font-email-serif:Georgia,"Times New Roman",serif;           /* email signature only */
  --font-email-sans:Arial,Helvetica,sans-serif;                 /* email signature only */

  /* Sizes, translated 1:1 from the .pptx point sizes at 1280x720 (1pt = 1.333px) */
  --text-hero:48px;        /* 36pt - cover title */
  --text-display:53px;     /* 40pt - closing title */
  --text-title:40px;       /* 30pt - slide titles */
  --text-section:45px;     /* 34pt - section-divider title */
  --text-stat:59px;        /* 44pt - stat numerals */
  --text-quote:29px;       /* 22pt - pull quote */
  --text-presenter:24px;   /* 18pt - presenter name, card numerals */
  --text-lead:19px;        /* 14pt - lead phrase */
  --text-body:18px;        /* 13.5pt - body copy */
  --text-card-label:17px;  /* 13pt - card label caps */
  --text-affil:17px;       /* 12.5pt - affiliation */
  --text-kicker:15px;      /* 11pt - gold kicker caps */
  --text-meta:16px;        /* 12pt - date line */
  --text-attrib:13px;      /* 10pt - attribution caps */
  --text-source:13px;      /* 9.5pt - source line */
  --text-footer:11px;      /* 8.5pt - slide footer */

  /* Weights */
  --weight-regular:400;
  --weight-semibold:600;
  --weight-bold:700;

  /* Line heights */
  --leading-tight:1.12;
  --leading-title:1.18;
  --leading-body:1.45;
  --leading-loose:1.6;

  /* Tracking - the brand's caps are always widely tracked */
  --tracking-kicker:.2em;    /* spc=200 */
  --tracking-kicker-wide:.22em; /* spc=220 */
  --tracking-label:.18em;    /* spc=180 */
  --tracking-attrib:.16em;   /* spc=160 */
  --tracking-normal:0;
}


/* ===== tokens/spacing.css ===== */
:root{
  /* Slide grid, derived from the template's EMU offsets at 1280x720 */
  --slide-w:1280px;
  --slide-h:720px;
  --slide-margin-x:67px;     /* 640080 EMU */
  --slide-margin-x-cover:82px; /* 777240 EMU - cover/section slides inset further */
  --slide-kicker-y:40px;
  --slide-title-y:71px;
  --slide-body-y:192px;
  --slide-footer-y:680px;
  --slide-gutter:35px;       /* gap between the three cards */
  --card-w:379px;
  --card-pad:34px;

  /* General scale */
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:24px;
  --space-6:32px;
  --space-7:48px;
  --space-8:64px;
  --space-9:96px;

  /* Radii, from prstGeom adj values on a 3611880x3108960 EMU card etc. */
  --radius-card:28px;        /* adj 4500 */
  --radius-panel:27px;       /* adj 4000 */
  --radius-stat-card:30px;   /* adj 5000 */
  --radius-band:19px;        /* adj 12000 on a 777240-tall strip */
  --radius-logo-panel:33px;  /* adj 6000 */
  --radius-marker:3px;       /* adj 22000 on a 15px square - near-square */
  --radius-pill:999px;

  /* Line weights */
  --stroke-hairline:1px;     /* 9525 EMU */
  --stroke-rule:2px;
  --stroke-bar:9px;          /* business-card left green bar, proportional */
}


/* ===== tokens/elevation.css ===== */
:root{
  /* Smoketree uses NO drop shadows. A card is a hairline outline on cream, never a lift.
     There is deliberately no --shadow-raised or --shadow-overlay: if a screen seems to need
     one, the answer is an outline, a cream band, or a forest panel. Do not add them back. */
  --shadow-none:none;
  --shadow-card:none;
  --outline-card:var(--stroke-hairline) solid var(--border-card);
  --focus-ring:0 0 0 2px var(--cream),0 0 0 4px var(--gold);
}


/* ===== tokens/motion.css ===== */
:root{
  /* Restrained: this is a family office, not a consumer app. Colour and opacity only -
     no bounce, no scale-in, no parallax. */
  --duration-fast:120ms; /* @kind other */
  --duration-base:180ms; /* @kind other */
  --duration-slow:280ms; /* @kind other */
  --ease-standard:cubic-bezier(.2,0,.2,1); /* @kind other */
  --ease-out:cubic-bezier(0,0,.2,1); /* @kind other */
  --hover-opacity:.82; /* @kind other */
  --press-opacity:.68; /* @kind other */
}