/* GENERATED from brand tokens in the product configuration.
   Do not edit: run `npm run build` after editing brand in
   src/product/nt2/product.config.js. Concept: Plaat.

   This file is the ONE definition of the palette, the type, the radii, the
   spacing rhythm, the motion curve and the shadows. src/styles.css consumes
   these names and holds no colour, no family and no magic number of its own. */

@font-face {
  font-family: 'Inter';
  src: url('/brand/fonts/Inter-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('/brand/fonts/Inter-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('/brand/fonts/Inter-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Archivo';
  src: url('/brand/fonts/Archivo-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Archivo';
  src: url('/brand/fonts/Archivo-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  color-scheme: light;
  --plate: #6E2032;
  --plate-ink: #FFFFFF;
  --ink: #1A2238;
  --ink-mid: #28304A;
  --ink-soft: #5A6072;
  --paper: #FFFFFF;
  --wash: #F6F8FC;
  --wash-sunken: #E8EBF2;
  --line: #E3E8F0;
  --line-strong: #C9D5E8;
  --accent: #14346B;
  --accent-ink: #FFFFFF;
  --accent-deep: #0E2A5C;
  --accent-soft: #EAF0FB;
  --accent-edge: #9DB6E0;
  --link: #2457C5;
  --link-soft: #EEF3FF;
  --highlight: #FFD43B;
  --highlight-soft: #FFF5D0;
  --highlight-ink: #6B5200;
  --success: #247247;
  --success-soft: #E7F3EC;
  --danger: #A8462E;
  --danger-soft: #FBE9E8;

  --font: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Noto Sans', 'Noto Naskh Arabic', sans-serif;
  --font-display: 'Archivo', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

  --radius: 1.1rem;
  --radius-plate: 0.22rem;
  --radius-sm: 0.8rem;
  --radius-md: 1.1rem;
  --radius-lg: 1.45rem;
  --radius-xl: 2rem;

  --space-1: 0.35rem;
  --space-2: 0.6rem;
  --space-3: 0.9rem;
  --space-4: 1.2rem;
  --space-5: 1.8rem;
  --space-6: 2.6rem;
  --wrap: 70rem;
  --motion: 180ms cubic-bezier(.2,.8,.2,1);
  --tap: 44px;

  --shadow-card: 0 12px 32px rgba(20, 52, 107, 0.07);
  --shadow-lift: 0 18px 42px rgba(20, 52, 107, 0.12);
  --shadow-panel: 0 24px 72px rgba(20, 52, 107, 0.16);
  --shadow-hero: 0 24px 72px rgba(14, 42, 92, 0.24);
}