@import url("https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Manrope:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap");
/* fonts.css */
/* Prince Pal webfonts.
   SUBSTITUTION NOTE: the brand display face (PP Editorial Old) is a licensed
   retail font and no binaries were supplied. Instrument Serif is used as the
   nearest free stand-in (high-contrast, near-serif, editorial). Swap the
   @font-face src here once real files land. */


/* colors.css */
:root{
  /* Brand & accent */
  --primary:#FF5200;--primary-deep:#D73302;--on-primary:#ffffff;
  --sunshine-300:#ffce8c;--sunshine-500:#ffa23a;--sunshine-700:#ff8205;--sunshine-800:#e85b04;--sunshine-900:#C53800;
  --yellow-saturated:#ffd800;
  --block-5:#ffe08a;--block-6:#ffc53d;--block-7:#f0620f;

  /* Cream / warm neutral */
  --cream:#fff6e0;--cream-soft:#fffbef;--cream-deeper:#ffe9b8;--beige-deep:#efddb3;--footer-cream:#fff6e0;

  /* Surface */
  --canvas:#ffffff;--surface:#faf9f6;--surface-cream:#fff9e9;--surface-cream-soft:#fffbef;--surface-code:#14100d;
  --hairline:#e5e2dc;--hairline-soft:#eeebe5;--hairline-strong:#cfcac1;

  /* Text */
  --ink:#121212;--ink-tint:#1c1917;--charcoal:#2b2724;--slate:#55504a;--steel:#7a736b;--stone:#9c948a;--muted:#b8b0a6;
  --on-dark:#ffffff;--on-dark-muted:rgba(255,255,255,.64);--on-cream:#1a1613;

  /* Semantic */
  --link:#FF5200;--link-hover:#D73302;

  /* Signature gradients */
  --sunset-stripe:linear-gradient(90deg,var(--primary) 0%,var(--sunshine-700) 28%,var(--sunshine-500) 52%,var(--yellow-saturated) 76%,var(--cream) 100%);
  --sunset-sky:linear-gradient(135deg,var(--sunshine-700) 0%,var(--sunshine-900) 60%,var(--primary) 100%);

  /* Semantic aliases */
  --text-primary:var(--ink);--text-secondary:var(--slate);--text-tertiary:var(--steel);--text-muted:var(--muted);
  --surface-card:var(--canvas);--surface-panel:var(--cream);--border-default:var(--hairline-soft);--border-input:var(--hairline-strong);
}

/* typography.css */
:root{
  --font-display:"Instrument Serif","PP Editorial Old","Times New Roman",Georgia,serif;
  --font-ui:"Manrope","Inter",ui-sans-serif,system-ui,-apple-system,sans-serif;
  --font-heading:"Manrope","Inter",ui-sans-serif,system-ui,sans-serif;
  --font-mono:"JetBrains Mono","SF Mono",Menlo,Consolas,monospace;

  /* size / weight / leading / tracking per token */
  --type-hero-display:italic 400 84px/1.05 var(--font-display);--track-hero-display:-1.5px;
  --type-display-lg:400 64px/1.10 var(--font-display);--track-display-lg:-1px;
  --type-heading-1:italic 400 52px/1.15 var(--font-display);--track-heading-1:-.5px;
  /* Display prose is set italic + capitalized; apply alongside the two tokens above. */
  --display-transform:capitalize; /* @kind other */
  --type-stat-display:400 56px/1.10 var(--font-display);--track-stat-display:-1px;
  --type-heading-2:600 36px/1.20 var(--font-heading);--track-heading-2:-.5px;
  --type-heading-3:600 28px/1.25 var(--font-heading);
  --type-heading-4:600 22px/1.30 var(--font-heading);
  --type-heading-5:600 18px/1.40 var(--font-heading);
  --type-subtitle:600 18px/1.50 var(--font-ui);
  --type-body-md:600 16px/1.55 var(--font-ui);
  --type-body-md-medium:700 16px/1.55 var(--font-ui);
  --type-body-sm:600 14px/1.50 var(--font-ui);
  --type-body-sm-medium:700 14px/1.50 var(--font-ui);
  --type-caption:600 13px/1.40 var(--font-ui);
  --type-caption-bold:700 13px/1.40 var(--font-ui);
  --type-micro:600 12px/1.40 var(--font-ui);
  --type-micro-uppercase:600 11px/1.40 var(--font-ui);--track-micro-uppercase:1px;
  --type-button-md:500 14px/1.30 var(--font-ui);
  --type-code-md:400 14px/1.50 var(--font-mono);
}

/* spacing.css */
:root{
  --space-xxs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:20px;--space-xl:24px;
  --space-xxl:32px;--space-xxxl:40px;--space-section-sm:48px;--space-section:64px;--space-section-lg:96px;--space-hero:120px;
  --container-max:1280px;--container-gutter:32px;--form-panel-max:520px;
}

/* shape.css */
:root{
  --rounded-xs:4px;--rounded-sm:6px;--rounded-md:8px;--rounded-lg:12px;--rounded-xl:16px;--rounded-xxl:20px;--rounded-full:9999px;
  --radius-button:var(--rounded-md);--radius-card:var(--rounded-lg);--radius-input:var(--rounded-md);
  --control-height:44px;
}

/* elevation.css */
:root{
  --shadow-0:none;
  --shadow-1:rgba(0,0,0,.04) 0px 1px 2px 0px;
  --shadow-2:rgba(0,0,0,.04) 0px 4px 12px 0px;
  --shadow-3:rgba(0,0,0,.08) 0px 12px 24px -4px;
  --shadow-4:rgba(0,0,0,.12) 0px 16px 48px -8px;
  --transition-fast:150ms ease; /* @kind other */
  --transition-base:200ms ease; /* @kind other */
}

/* base.css */
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--canvas);color:var(--ink);font:var(--type-body-md);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5{margin:0}
p{margin:0}
a{color:var(--link);text-decoration:none}
a:hover{color:var(--link-hover);text-decoration:underline}
::selection{background:var(--cream-deeper);color:var(--ink)}
.pp-container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-gutter)}


/* deck */
:root{--t-hero:140px;--t-title:84px;--t-sub:40px;--t-body:32px;--t-small:26px;--t-stat:128px;--pad-x:110px;--pad-top:100px;--pad-bottom:130px;--gap-title:56px;--gap-item:32px}
body{margin:0;background:#14100d}
a{color:#FF5200}a:hover{color:#D73302}
.cta:hover{background:var(--primary-deep)!important;color:var(--on-primary)!important;text-decoration:none}
