/* wAIn — brand tokens v4 lime (17 Sep 2026). Bright end for the gradient, pin and hovers; dark end for anything read. */
:root {
  --background:      #F5F3EE;
  --background-warm: #F0F7EA;
  --surface:         #FFFFFF;
  --surface-alt:     #E9F5E1;
  --surface-tint:    #D9F5D0;
  --ink:             #1F2421;

  --accent:          #16A34A;
  --accent-hover:    #15803D;
  --accent-bright:   #4ADE80;
  --accent-soft:     #BBF7D0;
  --brand-gradient:  linear-gradient(90deg, #A3F26B 0%, #4ADE80 50%, #16A34A 100%);

  --text:            #1F2421;
  --text-muted:      #4A524D;
  --text-subtle:     #7C837E;
  --text-on-dark:    #F5F3EE;
  --text-on-accent:  #FFFFFF;
  --text-on-primary: #0F1A14;
  --accent-on-dark:  #4ADE80;

  --border:          #DDE6DA;
  --border-warm:     #F5F3EE;

  --radius-sm:12px;
  --radius-md:20px;
  --radius-lg:28px;
  --radius-pill:999px;
  --shadow-card:0 8px 30px rgba(31,36,33,.08);
  --shadow-cta:0 6px 20px rgba(74,222,128,.32);

  --font-display:'Vollkorn',Georgia,serif;
  --font-body:'Karla','Helvetica Neue',Arial,sans-serif;
  --text-12:12px;
  --text-14:14px;
  --text-16:16px;
  --text-18:18px;
  --text-20:20px;
  --text-24:24px;
  --text-36:36px;
  --text-48:48px;
  --text-64:64px;
}
body{background:var(--background);color:var(--text);font-family:var(--font-body);font-size:var(--text-18);line-height:1.5}
h1,h2,h3{font-family:var(--font-display);color:var(--text);margin:0}
h1{font-size:clamp(40px,6vw,64px);font-weight:700;line-height:.95;letter-spacing:-.01em}
h2{font-size:clamp(32px,4.5vw,48px);font-weight:800;line-height:1.08}
h3{font-size:var(--text-24);font-weight:700;line-height:1.1}
.lead{font-size:var(--text-20);font-weight:500;line-height:1.4}
.caption{font-size:var(--text-13,13px);color:var(--text-muted)}
.btn{font-family:var(--font-body);font-size:var(--text-16);font-weight:700;line-height:1.5;padding:14px 24px;border-radius:var(--radius-pill)}
.btn-primary{background:var(--brand-gradient);color:var(--text-on-primary);box-shadow:var(--shadow-cta)}
.btn-primary:hover{background:var(--accent-hover)}
.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}
.card{background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:24px}
.pill{background:var(--surface-tint);color:var(--text);border-radius:var(--radius-pill);padding:8px 16px;font-size:var(--text-14);font-weight:500}
input,select,textarea{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 16px;font-family:var(--font-body);font-size:var(--text-16)}
input:focus{border-color:var(--accent-bright);outline:none;box-shadow:0 0 0 3px var(--accent-soft)}
[data-surface="ink"]{background:var(--ink);color:var(--text-on-dark)}
[data-surface="ink"] .accent,[data-surface="ink"] .eyebrow{color:var(--accent-on-dark)}