/* ================================================================
   Tone C — Bold Statement
   Keeps 12px rule for body/nav/labels.
   Breaks the rule deliberately at ONE spot: Hero & Manifesto headline
   get larger display serif. Accent color: mustard.
   ================================================================ */

body[data-tone="c"] {
  --color-text:        #0A0A0A;
  --color-text-soft:   #555555;
  --color-text-softer: #707070;
  --color-bg:          #FAFAF7;
  --color-bg-soft:     #F0EDE3;
  --color-bg-input:    #E8E5DB;
  --color-line:        #DCDCD6;
  --color-line-soft:   #ECECE6;
  --color-on-dark:     #FAFAF7;

  /* Accent — change here for alt palettes:
     mustard #C8A14B (default) · terracotta #B85D3E · deep blue #1E2A55
     soft lilac #B8A8C8 · deep green #2D4A3E */
  --accent:       #C8A14B;
  --accent-soft:  #E6D5A8;
  --accent-text:  #FAFAF7;
}

/* Hero block — accent left half */
body[data-tone="c"] .hero { background: var(--accent); }
body[data-tone="c"] .hero__visual { inset: 0 0 0 50%; }
body[data-tone="c"] .hero__visual::after {
  background: linear-gradient(180deg, transparent 0%, transparent 60%, rgba(0,0,0,0.25) 100%);
}
body[data-tone="c"] .hero__inner {
  color: var(--color-text);
  padding-right: 50%;
}
body[data-tone="c"] .hero__inner .eyebrow { color: var(--color-text); }
body[data-tone="c"] .hero__title {
  font-family: var(--font-family-italic);
  font-size: var(--fs-56);
  font-weight: var(--fw-regular);
  line-height: 1;
  letter-spacing: -0.03em;
}
body[data-tone="c"] .hero__title em { color: var(--accent-text); }
body[data-tone="c"] .hero__sub { color: var(--color-text); opacity: 1; }
body[data-tone="c"] .hero__sub-ko { opacity: 0.75; }
body[data-tone="c"] .hero__inner .cta { color: var(--color-text); }
body[data-tone="c"] .hero__inner .cta--primary {
  background: var(--color-text);
  color: var(--accent);
}
body[data-tone="c"] .hero__scroll { color: var(--color-text); }

@media (max-width: 900px) {
  body[data-tone="c"] .hero__visual { inset: 0; opacity: 0.35; }
  body[data-tone="c"] .hero__inner { padding-right: 0; }
}

/* Manifesto — accent italic for the emphasized clause */
body[data-tone="c"] .manifesto__body em {
  color: var(--accent);
}

/* Section title — slightly bigger here, but ORE rule mostly intact */
body[data-tone="c"] .section-title {
  font-family: var(--font-family-italic);
  font-size: var(--fs-25);
}

/* Eyebrow with accent color */
body[data-tone="c"] .eyebrow { color: var(--accent); }

/* Capabilities — flat color blocks, no shadow */
body[data-tone="c"] .cap-card {
  background: var(--color-bg-soft);
  padding: var(--space-3);
  transition: background 0.3s ease;
}
body[data-tone="c"] .cap-card:hover {
  background: var(--accent);
  color: var(--accent-text);
}
body[data-tone="c"] .cap-card:hover .cap-card__body p { color: var(--accent-text); opacity: 0.85; }

/* Numbers — accent color for figures (still 25px, ORE-faithful) */
body[data-tone="c"] .num__value { color: var(--accent); font-family: var(--font-family-italic); }

/* Process numerals — accent italic */
body[data-tone="c"] .process-step__num {
  color: var(--accent);
  font-family: var(--font-family-italic);
}

/* Clients & certs — bolder */
body[data-tone="c"] .client-logo { font-weight: var(--fw-bold); color: var(--color-text); }
body[data-tone="c"] .client-logo:hover { color: var(--accent); }
body[data-tone="c"] .cert { font-weight: var(--fw-bold); color: var(--color-text); }

/* CTA — accent solid */
body[data-tone="c"] .cta--primary,
body[data-tone="c"] .cta--header {
  background: var(--accent);
  color: var(--accent-text);
  border-radius: 0;
}
body[data-tone="c"] .cta--primary:hover,
body[data-tone="c"] .cta--header:hover {
  background: var(--color-text);
  color: var(--accent-text);
}

/* RFQ form — accent top border */
body[data-tone="c"] .rfq-form {
  background: var(--color-bg-soft);
  border-top: 3px solid var(--accent);
}
body[data-tone="c"] .rfq-form h3 {
  font-family: var(--font-family-italic);
}
body[data-tone="c"] .field input:focus,
body[data-tone="c"] .field textarea:focus {
  border-color: var(--accent);
}

/* Footer — accent stripe */
body[data-tone="c"] .site-footer {
  border-top: 3px solid var(--accent);
}

/* Header transitions */
body[data-tone="c"] .site-header { color: var(--color-text); }
body[data-tone="c"] .site-header.is-scrolled { background: var(--color-bg); }