/* AppDeen AI design tokens v1.2 · brand.appdeen.ai · load before components.css */
:root {
  /* colour */
  --ad-blue: #2254F2;
  --ad-void: #0B0D13;
  --ad-navy: #12151D;
  --ad-panel: #181C26;
  --ad-line: #212939;
  --ad-white: #FFFFFF;
  --ad-paper: #F3F5F9;
  --ad-graphite: #181919;
  --ad-line-light: #D8DEEA;
  --ad-success: #22C08A;
  --ad-warning: #F5A524;
  --ad-danger: #F04D63;
  /* tints of the logo blue, dark backgrounds only */
  --ad-blue-40: rgba(34, 84, 242, .40);
  --ad-blue-24: rgba(34, 84, 242, .24);
  --ad-blue-12: rgba(34, 84, 242, .12);

  /* gradients */
  --ad-grad-glow: radial-gradient(60% 60% at 50% 50%, rgba(34, 84, 242, .55) 0%, rgba(34, 84, 242, 0) 100%);
  --ad-grad-panel: radial-gradient(120% 140% at 0% 0%, #1A1E28 0%, #14171F 55%, #12151D 100%);

  /* type */
  --ad-font-display: "Archivo", "Arial Black", "Helvetica Neue", Arial, sans-serif;
  --ad-font-text: "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --ad-font-mono: "Space Mono", ui-monospace, Menlo, Consolas, monospace;
  --ad-font-arabic: "Readex Pro", "Noto Kufi Arabic", Tahoma, sans-serif;
  --ad-display-stretch: 125%;  /* Archivo Expanded */
  --ad-fs-display: clamp(2.5rem, 1rem + 7.4vw, 7.5rem);
  --ad-fs-h1: clamp(2.25rem, 1.4rem + 3.6vw, 4.5rem);
  --ad-fs-h2: clamp(1.75rem, 1.3rem + 1.9vw, 3rem);
  --ad-fs-h3: 1.5rem;
  --ad-fs-h4: 1.1875rem;
  --ad-fs-body-l: 1.1875rem;
  --ad-fs-body: 1rem;
  --ad-fs-small: 0.875rem;
  --ad-fs-label: 0.75rem;
  --ad-lh-body: 1.6;
  --ad-track-label: .14em;

  /* space: 4px grid */
  --ad-space-1: 4px;
  --ad-space-2: 8px;
  --ad-space-3: 12px;
  --ad-space-4: 16px;
  --ad-space-5: 24px;
  --ad-space-6: 32px;
  --ad-space-7: 48px;
  --ad-space-8: 64px;
  --ad-space-9: 96px;
  --ad-space-10: 128px;

  /* radius */
  --ad-radius-sm: 8px;
  --ad-radius-md: 12px;
  --ad-radius-lg: 18px;
  --ad-radius-xl: 28px;
  --ad-radius-pill: 999px;

  /* depth */
  --ad-shadow-glow: 0 16px 40px -14px rgba(34, 84, 242, .7);
  --ad-shadow-lift: 0 24px 60px -30px rgba(0, 0, 0, .8);
  --ad-glass-bg: rgba(18, 21, 29, .55);
  --ad-glass-border: rgba(255, 255, 255, .12);
  --ad-glass-blur: blur(20px) saturate(1.6);
  --ad-glass-shadow: 0 12px 36px -14px rgba(0, 0, 0, .7), inset 0 1px 0 rgba(255, 255, 255, .14);

  /* motion */
  --ad-ease-out: cubic-bezier(.2, .7, .2, 1);
  --ad-ease-in-out: cubic-bezier(.65, 0, .35, 1);
  --ad-dur-fast: 160ms;
  --ad-dur-base: 320ms;
  --ad-dur-slow: 600ms;
  --ad-dur-cinematic: 900ms;
  --ad-stagger: 16ms;
}