/* docs/handoff-landing/design-system/tokens.css, verbatim, minus its @font-face block
   (RC-0046 spec §3.4, A5) — those five rules point at ../assets/fonts/, a path that does
   not exist here; site.css opens with this contour's own four @font-face rules instead. */
/* ReviewChef — marketing contour tokens
   Landing, /demo, and the legal pages. This contour does not use the owner
   cabinet's design system: never load its bundle or reference its custom
   properties here (I4; backend/www/tests/test_contour.py's own FORBIDDEN
   scan matches the literal name, so it is spelled out instead — RC-0046).
   Values transcribed from the delivered designs; there are no others. */

:root {
  /* Surfaces and ink */
  --rc-page:            #F7F4ED;
  --rc-card:            #FCFBF7;
  --rc-ink:             #1B1B18;
  --rc-body:            #3B3B34;
  --rc-muted:           #57574F;
  --rc-faint:           #6E6E64;
  --rc-hairline:        #E3DDD0;
  --rc-control-border:  #C8C0AE;

  /* Accents */
  --rc-forest:          #1F4436;
  --rc-forest-hover:    #173328;
  --rc-dark:            #1B231F;
  --rc-on-dark:         #DCE2DA;
  --rc-on-dark-strong:  #F2EFE6;
  --rc-on-dark-soft:    #C4CCC4;
  --rc-on-dark-lead:    #D6E2DB;
  --rc-on-dark-fine:    #C4D8CF;
  --rc-on-dark-accent:  #8FB8AA;
  --rc-on-dark-divider: #333E36;
  --rc-highlight:       #F2C879;
  --rc-highlight-hover: #E6B85C;

  /* Legal notice block */
  --rc-notice-bg:       #FBF0E9;
  --rc-notice-border:   #E2C3AE;
  --rc-notice-rule:     #B4552F;
  --rc-notice-strong:   #8A3E1E;

  /* Guest / demo mini-system — approved verbatim, never mixed with the above */
  --rc-guest-table:     #232A33;
  --rc-guest-paper:     #FCFBF7;
  --rc-guest-ink:       #1B1B18;
  --rc-guest-stamp:     #1E3A5C;
  --rc-guest-helper:    #6A6A63;
  --rc-guest-dash:      #B9B8AF;
  --rc-demo-chrome:     #A9B2BD;
  --rc-demo-chrome-2:   #3A424D;

  /* Product-mock accents — inside the table-card mock only */
  --rc-mock-stock:      #F2AC46;
  --rc-mock-rule:       #405189; /* the product's own identity colour */

  /* Type */
  --rc-font: 'HK Grotesk', ui-sans-serif, system-ui, -apple-system, sans-serif;
  --rc-font-mono: ui-monospace, 'SF Mono', Menlo, monospace;

  /* Radii and depth */
  --rc-radius: 2px;
  --rc-shadow-card: 0 1px 2px rgba(56, 65, 74, .15);

  /* Layout */
  --rc-wrap-wide:   1080px; /* landing */
  --rc-wrap-text:   820px;  /* long legal text */
  --rc-wrap-narrow: 760px;  /* imprint, contact */
  --rc-wrap-form:   640px;  /* waitlist */
  --rc-section-pad: clamp(60px, 7vw, 92px) 24px;
  --rc-gap:         24px;
  --rc-tap:         44px;   /* minimum interactive height */
}

/* Page resets used by every marketing page */
* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; scroll-padding-top: 78px; }
body { min-height: 100%; background: var(--rc-page); color: var(--rc-ink); font-family: var(--rc-font); -webkit-font-smoothing: antialiased; }
a { color: var(--rc-forest); }
a:hover { color: var(--rc-ink); }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  * { transition: none !important; animation: none !important; }
}