/* =========================================================
 * ARCHEHIGH Template Tokens
 * Global design values only.
 * ========================================================= */

:root {
  --ah-black: #050505;
  --ah-dark: #111111;

  --ah-gray-900: #252525;
  --ah-gray-700: #555555;
  --ah-gray-500: #888888;
  --ah-gray-300: #d8d8d8;
  --ah-gray-200: #eeeeee;
  --ah-gray-100: #f7f7f7;

  --ah-white: #ffffff;
  --ah-line: #dedede;

  --ah-orange: #ff6a00;
  --ah-orange-soft: rgba(255, 106, 0, 0.12);

  --ah-radius-sm: 8px;
  --ah-radius-md: 14px;
  --ah-radius-lg: 24px;
  --ah-radius-full: 999px;

  --ah-space-xs: 8px;
  --ah-space-sm: 14px;
  --ah-space-md: 24px;
  --ah-space-lg: 40px;
  --ah-space-xl: 72px;
  --ah-space-xxl: 112px;

  --ah-max: 1240px;
  --ah-ease: cubic-bezier(0.22, 1, 0.36, 1);
}