/*
 * Coinbase — brand tokens
 * Generated by BrandSweets from the coinbase BrandDoc (v2, schema 1). Do not edit by hand.
 */

:root {
  /* Colors */
  --bs-color-primary: #0052ff;
  --bs-color-primary-50: #e6efff;
  --bs-color-primary-100: #ccdfff;
  --bs-color-primary-200: #99bfff;
  --bs-color-primary-300: #669fff;
  --bs-color-primary-400: #337fff;
  --bs-color-primary-500: #0052ff;
  --bs-color-primary-600: #0043d1;
  --bs-color-primary-700: #0035a4;
  --bs-color-primary-800: #002a82;
  --bs-color-primary-900: #00236b;
  --bs-color-primary-950: #00133b;
  --bs-color-surface: #ffffff;
  --bs-color-surface-50: #ffffff;
  --bs-color-surface-100: #f5f8ff;
  --bs-color-surface-200: #eaeef5;
  --bs-color-surface-300: #d5dbe5;
  --bs-color-surface-400: #a9b1c1;
  --bs-color-surface-500: #7c8698;
  --bs-color-surface-600: #5b6472;
  --bs-color-surface-700: #414855;
  --bs-color-surface-800: #2a2f38;
  --bs-color-surface-900: #181b21;
  --bs-color-surface-950: #0a0b0d;
  --bs-color-text: #0a0b0d;
  --bs-color-text-50: #f4f5f7;
  --bs-color-text-100: #e3e5e9;
  --bs-color-text-200: #c4c8d0;
  --bs-color-text-300: #9aa0ad;
  --bs-color-text-400: #6b7280;
  --bs-color-text-500: #4d535f;
  --bs-color-text-600: #393e48;
  --bs-color-text-700: #2a2e36;
  --bs-color-text-800: #1a1d22;
  --bs-color-text-900: #101216;
  --bs-color-text-950: #0a0b0d;
  --bs-color-success: #098551;
  --bs-color-success-50: #e6f6ee;
  --bs-color-success-100: #c2ead6;
  --bs-color-success-200: #8bd6b1;
  --bs-color-success-300: #4fbf89;
  --bs-color-success-400: #1fa96a;
  --bs-color-success-500: #0e935a;
  --bs-color-success-600: #098551;
  --bs-color-success-700: #076a41;
  --bs-color-success-800: #065334;
  --bs-color-success-900: #05442b;
  --bs-color-success-950: #022618;
  --bs-color-danger: #cf202f;
  --bs-color-danger-50: #fcebec;
  --bs-color-danger-100: #f8cccf;
  --bs-color-danger-200: #f09aa0;
  --bs-color-danger-300: #e76871;
  --bs-color-danger-400: #e0424d;
  --bs-color-danger-500: #d62936;
  --bs-color-danger-600: #cf202f;
  --bs-color-danger-700: #a41925;
  --bs-color-danger-800: #82141d;
  --bs-color-danger-900: #6b1119;
  --bs-color-danger-950: #3c090e;

  /* Typography */
  --bs-font-display: "Coinbase Display", "Helvetica Neue", Arial, sans-serif;
  --bs-font-heading: "Coinbase Sans", "Helvetica Neue", Arial, sans-serif;
  --bs-font-body: "Coinbase Sans", "Helvetica Neue", Arial, sans-serif;
  --bs-font-mono: "Coinbase Mono", SFMono-Regular, Menlo, monospace;

  /* Radius */
  --bs-radius-full: 9999rem;
  --bs-radius-lg: 1rem;
  --bs-radius-md: 0.5rem;
  --bs-radius-sm: 0.25rem;

  /* Shadows */
  --bs-shadow-lg: 0 16px 48px rgba(10,11,13,0.14);
  --bs-shadow-sm: 0 1px 3px rgba(10,11,13,0.08);
}

[data-theme="dark"] {
  /* Colors (dark) */
  --bs-color-surface: #0a0b0d;
  --bs-color-text: #ffffff;
}