/* OneSignal Beam Design Tokens - Generated by Supernova */

/**
 * This file was generated automatically by Supernova.io and should not be changed manually.
 * To modify the format or content of this file, please contact your design system team. 
 */

:root {
  --color-red-100: #fbe1e2;
  --color-red-200: #f8d1d1;
  --color-red-300: #f6bebf;
  --color-red-400: #ed8082;
  --color-red-500: #e44346;
  --color-red-600: #bf1b1e;
  --color-red-700: #8b1416;
  --color-red-800: #500c0d;
  --color-red-900: #370809;
  --color-red-950: #240506;
  --color-red-050: #fdf1f1;
  --color-yellow-100: #ffe3c1;
  --color-yellow-200: #ffd29c;
  --color-yellow-300: #ffc072;
  --color-yellow-400: #f08400;
  --color-yellow-500: #be6900;
  --color-yellow-600: #935100;
  --color-yellow-700: #693a00;
  --color-yellow-800: #3b2100;
  --color-yellow-900: #271600;
  --color-yellow-950: #190d00;
  --color-yellow-050: #fff2e1;
  --color-green-100: #cdefdd;
  --color-green-200: #b1e6c9;
  --color-green-300: #90dbb3;
  --color-green-400: #3ab573;
  --color-green-500: #2e8f5b;
  --color-green-600: #236e46;
  --color-green-700: #194f32;
  --color-green-800: #0e2c1c;
  --color-green-900: #091d13;
  --color-green-950: #06120c;
  --color-green-050: #e7f7ef;
  --color-cyan-100: #aff4f2;
  --color-cyan-200: #7aecea;
  --color-cyan-300: #31e1de;
  --color-cyan-400: #19b2ae;
  --color-cyan-500: #148d8a;
  --color-cyan-600: #106d6b;
  --color-cyan-700: #0b4e4c;
  --color-cyan-800: #062c2b;
  --color-cyan-900: #041d1d;
  --color-cyan-950: #031212;
  --color-cyan-050: #dafaf9;
  --color-blue-100: #d5eafb;
  --color-blue-200: #bddef9;
  --color-blue-300: #a3d1f7;
  --color-blue-400: #4da6ef;
  --color-blue-500: #1481db;
  --color-blue-600: #0f64a9;
  --color-blue-700: #0b4779;
  --color-blue-800: #062844;
  --color-blue-900: #041b2e;
  --color-blue-950: #03111d;
  --color-blue-050: #ebf5fd;
  --color-purple-100: #e5e6f8;
  --color-purple-200: #d7d8f5;
  --color-purple-300: #c8c8f0;
  --color-purple-400: #9799e4;
  --color-purple-500: #7274da;
  --color-purple-600: #4e50d1;
  --color-purple-700: #2f31b1;
  --color-purple-800: #1b1c65;
  --color-purple-900: #121344;
  --color-purple-950: #0b0c2a;
  --color-purple-050: #f3f3fc;
  --color-pink-100: #fedef5;
  --color-pink-200: #fdcbee;
  --color-pink-300: #fdb6e8;
  --color-pink-400: #fa69cf;
  --color-pink-500: #ed08a9;
  --color-pink-600: #b80683;
  --color-pink-700: #86045f;
  --color-pink-800: #4f0338;
  --color-pink-900: #370227;
  --color-pink-950: #25011b;
  --color-pink-050: #feeffa;
  --color-gray-100: #e5e7e9;
  --color-gray-200: #d7dade;
  --color-gray-300: #c7ccd1;
  --color-gray-400: #98a1a9;
  --color-gray-500: #74808b;
  --color-gray-600: #59626b;
  --color-gray-700: #40464c;
  --color-gray-800: #24272b;
  --color-gray-900: #171a1c;
  --color-gray-950: #0e1011;
  --color-gray-050: #f3f4f5;
  --color-black: #051b2c;
  --color-white: #ffffff;
}

/**
 * This file was generated automatically by Supernova.io and should not be changed manually.
 * To modify the format or content of this file, please contact your design system team. 
 */

:root {
  --space-1: 1px;
  --space-2: 2px;
  --space-4: 4px;
  --space-6: 6px;
  --space-36: 36px;
  --space-40: 40px;
  --space-44: 44px;
  --space-56: 56px;
  --space-64: 64px;
  --space-80: 80px;
  --space-112: 112px;
  --space-144: 144px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-20: 20px;
  --space-24: 24px;
  --space-28: 28px;
  --space-32: 32px;
  --space-48: 48px;
  --space-96: 96px;
  --space-128: 128px;
  --space-160: 160px;
}

/**
 * This file was generated automatically by Supernova.io and should not be changed manually.
 * To modify the format or content of this file, please contact your design system team. 
 */

:root {
  --size-8: 8px;
  --size-48: 48px;
  --size-96: 96px;
  --size-128: 128px;
  --size-160: 160px;
  --size-192: 192px;
  --size-224: 224px;
  --size-256: 256px;
  --size-288: 288px;
  --size-320: 320px;
  --size-384: 384px;
  --size-448: 448px;
  --size-512: 512px;
  --size-640: 640px;
  --size-768: 768px;
  --size-1024: 1024px;
  --size-1280: 1280px;
  --size-1536: 1536px;
  --size-12: 12px;
  --size-16: 16px;
  --size-20: 20px;
  --size-24: 24px;
  --size-32: 32px;
}

/**
 * This file was generated automatically by Supernova.io and should not be changed manually.
 * To modify the format or content of this file, please contact your design system team. 
 */

:root {
  --font-family-default: "Nunito Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif";
  --font-family-monospace: "Source Code Pro, monospace";
}

/**
 * This file was generated automatically by Supernova.io and should not be changed manually.
 * To modify the format or content of this file, please contact your design system team. 
 */

:root {
  --border-radius-sm: 4px;
  --border-radius-md: 8px;
  --border-radius-lg: 16px;
  --border-radius-full: 9999px;
}