/* Atrobot design tokens. Brand colours from the Stage 1 brief. */

:root {
  --color-primary: #9a6aa3;
  --color-logo-start: #a06db0;
  --color-logo-end: #7f5d84;
  --color-deep: #7f5d84;
  --color-dark: #281848;
  --color-dark-2: #301850;
  --color-lilac: #d5bad7;
  --color-light: #f8f8f8;
  --color-white: #ffffff;
  --color-text: #2c2233;
  --color-text-muted: #5c4a66;
  --color-link: #6b4e78;
  --color-on-dark: #f8f8f8;
  --color-on-dark-muted: #d5bad7;
  --color-button: #5c3d6e;
  --color-button-hover: #4e345e;
  --color-border: #e4d3e8;
  --color-placeholder-bg: #f3e8f5;
  --color-placeholder-text: #3a2744;
  --gradient-dark: linear-gradient(155deg, #281848 0%, #301850 52%, #24143f 100%);
  --gradient-logo: linear-gradient(100deg, #a06db0 0%, #7f5d84 100%);
  --font-display: "Rajdhani", "Arial Narrow", "Nimbus Sans Narrow", sans-serif;
  --font-body: "Inter", "Segoe UI", sans-serif;
  --header-h: 3.85rem;
  --wrap: 74rem;
  --radius: 1.05rem;
  --shadow: 0 14px 36px rgba(40, 24, 72, 0.06);
  --space-section: clamp(4.25rem, 8vw, 7.25rem);
  --focus: 3px solid #f4eef6;
  --focus-dark: 3px solid #5c3d6e;
}