/* ==========================================================================
   Petavue Colorography System
   Extracted from Figma Design System (node 6:429)
   ========================================================================== */

:root {

  /* --------------------------------------------------------------------------
     Primary (Blue)
     -------------------------------------------------------------------------- */
  --color-primary-50: #F5F8FF;
  --color-primary-100: #E0EBFE;
  --color-primary-300: #90A6EE;
  --color-primary-500: #3661ED;
  --color-primary-800: #052DAB;
  --color-primary: var(--color-primary-500);

  /* --------------------------------------------------------------------------
     Accent (Purple)
     -------------------------------------------------------------------------- */
  --color-accent-50: #E0E3FA;
  --color-accent-100: #C0BAF3;
  --color-accent-300: #A88BB9;
  --color-accent-500: #B25CDE;
  --color-accent-700: #6438C1;

  /* --------------------------------------------------------------------------
     Neutral (Grey)
     -------------------------------------------------------------------------- */
  --color-neutral-50: #F8F9FC;
  --color-neutral-100: #EEF0F7;
  --color-neutral-200: #D4D9EA;
  --color-neutral-300: #ADB2CE;
  --color-neutral-400: #8E93AF;
  --color-neutral-500: #757A97;
  --color-neutral-600: #52577A;
  --color-neutral-700: #3A3E57;
  --color-neutral-800: #2D3044;
  --color-neutral-900: #232532;

  /* --------------------------------------------------------------------------
     Success (Green)
     -------------------------------------------------------------------------- */
  --color-success-light: #B6EAC7;
  --color-success: #08BD50;

  /* --------------------------------------------------------------------------
     Warning (Yellow)
     -------------------------------------------------------------------------- */
  --color-warning-light: #FEE8B0;
  --color-warning: #FBBF24;

  /* --------------------------------------------------------------------------
     Error (Red)
     -------------------------------------------------------------------------- */
  --color-error-light: #FDB9B9;
  --color-error: #F93D3D;

  /* --------------------------------------------------------------------------
     Shades
     -------------------------------------------------------------------------- */
  --color-white: #FFFFFF;
  --color-black: #000000;

  /* --------------------------------------------------------------------------
     Background
     -------------------------------------------------------------------------- */
  --color-background: #F5F8FF;

  /* --------------------------------------------------------------------------
     Text
     -------------------------------------------------------------------------- */
  --color-text-disabled: #ADB2CE;
  --color-text-secondary: #757A97;
  --color-text-primary: #232532;
  --color-text-link: #3661ED;

  /* --------------------------------------------------------------------------
     Tags
     -------------------------------------------------------------------------- */
  --color-tag-pink: #FCE9F4;
  --color-tag-green: #E8FF10;
  --color-tag-yellow: #FFFEE0;
  --color-tag-blue: #E0FEFF;
  --color-tag-purple: #EEEDFF;
  --color-tag-rose: #FFF2F2;
  --color-tag-mint: #EBFFF3;
  --color-tag-lime: #F6EF3D5;

  /* --------------------------------------------------------------------------
     Misc
     -------------------------------------------------------------------------- */
  --color-misc-orange: #FB7700;
  --color-misc-teal: #00787F;
  --color-misc-violet: #9747FF;
  --color-misc-brown: #795548;
  --color-misc-green: #00918b;

  /* --------------------------------------------------------------------------
     Icon Colors
     -------------------------------------------------------------------------- */
  --color-icon-dark: #1F2D2E;
  --color-icon-medium: #757A97;
  --color-icon-light: #ADB2CE;

  /* --------------------------------------------------------------------------
     Skeleton (Loading Placeholders)
     -------------------------------------------------------------------------- */
  --color-skeleton-base: #EEF0F7;
  --color-skeleton-shimmer: #F8FCFE;
}