/* ══════════════════════════════════════════════════════════════
   watsonx Live · Intel × IBM — shared design tokens
   ══════════════════════════════════════════════════════════════
   Single source of truth for both the real prototype (app/index.html)
   and its documentation (component-library.html). Both files <link>
   this stylesheet instead of declaring their own copy of these values —
   see component-library-standards.md Part 0 and the 2026-07-17 rebuild
   for why. Do NOT add documentation-only "shell chrome" tokens here
   (--s-*, --sidebar-w, etc.) or case-study-only tokens (--black/--white/
   --amber, used only by the ported Motion Lab section) — those have no
   real app counterpart and stay declared locally in component-library.html.
   ══════════════════════════════════════════════════════════════ */

@font-face { font-family: 'IntelOne Display'; src: url('shared/IntelOne Display Light.woff2')   format('woff2'); font-weight: 300; font-display: swap; }
@font-face { font-family: 'IntelOne Display'; src: url('shared/IntelOne Display Regular.woff2') format('woff2'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'IntelOne Display'; src: url('shared/IntelOne Display Medium.woff2')  format('woff2'); font-weight: 500; font-display: swap; }
@font-face { font-family: 'IntelOne Display'; src: url('shared/IntelOne Display Bold.woff2')    format('woff2'); font-weight: 700; font-display: swap; }

:root {
  --intel-blue:        #0068B5;
  --intel-energy:      #00C7FD;
  --intel-blue-deep:   #003C71;
  --ibm-blue:          #0F62FE;
  --ibm-blue-dark:     #002D9C;
  --carbon-100: #161616;
  --bg:        #0B1020;
  --bg-2:      #0E1530;
  --surface:   #131A35;
  --surface-2: #1A2247;
  --line:      rgba(255,255,255,0.08);
  --line-2:    rgba(255,255,255,0.14);
  --text:      rgba(255,255,255,0.92);
  --muted:     rgba(255,255,255,0.62);
  --dim:       rgba(255,255,255,0.50);
  --ok:        #42BE65;
  --warn:      #F1C21B;

  /* Motion tokens */
  --dur-press:   120ms;
  --dur-fast:    180ms;
  --dur-base:    300ms;
  --dur-slide:   420ms;
  --ease-std:    cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-spring: cubic-bezier(0.32, 0.72, 0, 1);
}