/*
  tokens.css — Trelleborg design tokens for the Cowork pilot site.

  Single source of truth for palette, typography, spacing, radii.
  Subpages MUST NOT redeclare any of these values — extend via base.css instead.

  Sourced verbatim from skills/trelleborg-brand/references/brand-guidelines.md
  § CSS Variables, plus semantic surface/ink aliases and a spacing scale for
  layout primitives used in base.css.
*/

@import url("https://fonts.googleapis.com/css2?family=Libre+Franklin:ital,wght@0,400;0,600;0,700;1,400;1,600&display=swap");

:root {
  /* Trelleborg main palette */
  --tb-black: #000000;
  --tb-gold: #99824a;
  --tb-white: #ffffff;

  /* Trelleborg complementary — max 2 per page, never dominant backgrounds */
  --tb-navy: #002664;
  --tb-teal: #3d554f;
  --tb-orange: #a54e00;
  --tb-burgundy: #610012;
  --tb-cyan: #49b1bb;
  --tb-green: #4fa646;

  /* PPTX theme variants (kept for parity; site prefers PMS-accurate values above) */
  --tb-cyan-theme: #6dc1c9;
  --tb-gold-light: #ad9b68;
  --tb-copper: #b77133;
  --tb-moss: #647772;
  --tb-brick: #813341;

  /* Neutrals */
  --tb-grey-dark: #333333;
  --tb-grey-light: #cccccc;
  --tb-footer: #191919;

  /* Semantic surface + ink */
  --bg: var(--tb-white);
  --bg-soft: #f7f6f3;
  --ink: var(--tb-black);
  --ink-soft: #4a4a4a;
  --rule: var(--tb-grey-light);

  /* Typography */
  --tb-font: "Libre Franklin", Arial, sans-serif;
  --tb-mono: ui-monospace, "SF Mono", Menlo, monospace;
  --tb-demi: 700;
  --tb-book: 400;

  /* Spacing scale */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 48px;
  --s-8: 64px;
  --s-9: 96px;
  --s-10: 140px;

  /* Layout */
  --wrap-max: 1120px;
  --radius-card: 14px;
  --radius-inline: 4px;
  --border-card: 1.5px;
}