/* Lijndraad — brands/the-d-company/tokens.css.
   Het merk is dark-native (bg is bijna zwart), niet light-native zoals de
   andere merken. Radius is overal 0 (bewuste merk-DNA), behalve de
   zwevende nav-pill (999px), die als losse uitzonderingsklasse blijft
   staan in het brandsysteem zelf, niet in --radius-corners-*.

   De vier kleuren komen uit de achtergrondanimatie (hero.js): dat veld is
   leidend voor de huisstijl, niet andersom. Alles wat de pagina kleurt en
   alles wat de shader mengt, leest dezelfde vier tokens hieronder. */
:root {
  --c-dark:    #040205;
  --c-primary: #8FCFDF; /* cyaan */
  --c-second:  #3E7F94; /* teal */
  --c-amber:   #FFB441;

  --c-ink: var(--c-dark);
  --c-bg:  var(--c-dark);
  --c-surface-solid: #0C0A12;
  --c-text: #FFFFFF;
  --c-text-dim: rgba(232, 242, 250, 0.64);
}
:root {
  --bg:              var(--c-bg);
  --bg-soft:         var(--c-surface-solid);
  /* "Invert" is hier een lichte sectie op een normaliter donkere pagina:
     letterlijk omgekeerde polariteit, geen aparte lichte merkkleur bekend. */
  --bg-invert:       var(--c-text);
  --fg:              var(--c-text);
  --fg-muted:        var(--c-text-dim);
  --fg-invert:       var(--c-ink);
  --border:          rgba(232, 242, 250, 0.16);

  --accent:          var(--c-primary);
  --accent-soft:     var(--c-second);
  --accent-warm:     var(--c-amber);
  --accent-ink:      var(--c-ink);   /* donker-op-blauw: 9.7:1, bevestigd veilig */
  --focus-ring:      var(--c-primary);

  --font-sans:       "Inter", system-ui, sans-serif;
  --font-display:    "Inter", system-ui, sans-serif;
  --fs-body:         18px;

  --radius-sm: 0px; --radius-md: 0px; --radius-lg: 0px; --radius-xl: 0px;
  --radius-corners-md: 0px;
  --radius-corners-lg: 0px;

  --dur-fast: 250ms; --dur-slow: 900ms;
  --ease-standard: cubic-bezier(0.22, 1, 0.36, 1);
}