/* DIJEN TECH theme layer
   Modernist tokens, retinted: accent red -> DIJEN orange #FFB020.
   Radius is softened from 0 for the sleek-product direction.
   Change the brand colour here only — nothing else hard-codes it. */

:root {
  --color-accent: #ffb020;
  --color-accent-100: #fff7e6;
  --color-accent-200: #ffeec2;
  --color-accent-300: #ffdd8f;
  --color-accent-400: #ffc655;
  --color-accent-500: #ffb020;
  --color-accent-600: #e09000;
  --color-accent-700: #ad6d00;
  --color-accent-800: #7d4e00;
  --color-accent-900: #4d3208;

  --color-accent-2: #ffb020;
  --color-accent-2-100: #fff7e6;
  --color-accent-2-200: #ffeec2;
  --color-accent-2-300: #ffdd8f;
  --color-accent-2-400: #ffc655;
  --color-accent-2-500: #ffb020;
  --color-accent-2-600: #e09000;
  --color-accent-2-700: #ad6d00;
  --color-accent-2-800: #7d4e00;
  --color-accent-2-900: #4d3208;

  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 22px;

  /* page rhythm */
  --gutter: clamp(16px, 4vw, 56px);
  --shell: 1180px;
}