/*
Theme Name:   Treantly GeneratePress Child
Theme URI:    https://treantly.com
Description:  Treantly brand child theme for GeneratePress. Carries the brand
              tokens (as Global Styles via theme.json), self-hosted fonts, and a
              subset of the Treantly component CSS so Claude-built pages render
              on-brand. Independent COPY of the brand kit (per repo rule).
Author:       Treantly
Template:     generatepress
Version:      0.1.0
Text Domain:  treantly-generatepress-child
*/

/*
  Token definitions (COPY of design-studio/brand/tokens.css :root).
  theme.json is the authoritative Global Styles source for palette + typography;
  these custom properties back the class-based component styles in brand.css.
*/
:root {
  --t-forest:        #2D3D23;
  --t-forest-deep:   #1e2b18;
  --t-forest-mid:    #3a5030;
  --t-dark:          #282828;
  --t-mid-green:     #556154;

  --t-lime:          #E3F599;
  --t-yellow:        #FFED83;
  --t-tan:           #CEC4A5;

  --t-bg-green:      #F0F4D3;
  --t-bg-warm:       #F5F3EC;
  --t-white:         #FFFFFF;

  --t-border:        #CEC4A5;
  --t-border-light:  #e8e4d8;
  --t-text-muted:    #556154;

  --t-text:          var(--t-forest);
  --t-bg:            var(--t-bg-warm);
  --t-accent:        var(--t-lime);

  --font-display:  'DM Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-body:     'DM Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-glyphic:  'Faculty Glyphic', Georgia, 'Times New Roman', serif;

  --r-sm:  8px;  --r-md:  14px; --r-lg:  24px; --r-xl:  32px; --r-pill: 999px;

  --shadow-sm:   0 1px 4px  rgba(45,61,35,0.08);
  --shadow-card: 0 2px 20px rgba(45,61,35,0.10);
  --shadow-lift: 0 8px 32px rgba(45,61,35,0.14);

  --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;

  --container: 1160px; --container-pad: 28px;
  --transition: 0.2s ease;
}

/* Component styles are enqueued separately (brand.css) and fonts via fonts.css. */