/* light.css */
/* Base Palette Tokens */
:root,
:host,
.pmt-theme-light {
  /* Core Palette */
  --pmt-color-white: #fff;
  --pmt-color-black: #000;

  /* Primary Palette */
  --pmt-primary-50: #e6f0ff;
  --pmt-primary-100: #DEE4F0;
  --pmt-primary-200: #99c2ff;
  --pmt-primary-300: #66a3ff;
  --pmt-primary-400: #3385ff;
  --pmt-primary-500: #007bff;
  --pmt-primary-600: #006ae6;
  --pmt-primary-700: #005bb5;
  --pmt-primary-800: #004c85;
  --pmt-primary-900: #003d55;
  --pmt-primary-950: #002e25;

  /* Secondary Palette (Example: Purple) */
  --pmt-secondary-50: #f3e8ff;
  --pmt-secondary-100: #e6d1ff;
  --pmt-secondary-200: #ccacff;
  --pmt-secondary-300: #b387ff;
  --pmt-secondary-400: #9962ff;
  --pmt-secondary-500: #7f3dff;
  --pmt-secondary-600: #6f35e6;
  --pmt-secondary-700: #5f2ec5;
  --pmt-secondary-800: #4f27a3;
  --pmt-secondary-900: #3f1f82;
  --pmt-secondary-950: #2f1761;

  /* Neutral (Gray) Palette */
  --pmt-gray-50: hsl(0, 0%, 97.5%);
  --pmt-gray-100: hsl(240, 4.8%, 95.9%);
  --pmt-gray-200: hsl(240, 5.9%, 90%);
  --pmt-gray-300: hsl(240, 4.9%, 83.9%);
  --pmt-gray-400: hsl(240, 5%, 64.9%);
  --pmt-gray-500: hsl(240, 3.8%, 46.1%);
  --pmt-gray-600: hsl(240, 5.2%, 33.9%);
  --pmt-gray-700: hsl(240, 5.3%, 26.1%);
  --pmt-gray-800: hsl(240, 3.7%, 15.9%);
  --pmt-gray-900: hsl(240, 5.9%, 10%);
  --pmt-gray-950: hsl(240, 7.3%, 8%);
  

  /* Danger/ Error Color */
  --pmt-danger-500: #D4403A;
  --pmt-danger-200: #df94926b;

  /* Warning Color */
  --pmt-warning-500: #FFA500;

  /* Core Tokens – defined in terms of the palette */
  /* Colors & Typography */
  --pmt-background-color: var(--pmt-color-white);
  --pmt-font-color: rgba(26,26,26,0.8);

  --pmt-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Montserrat', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  --pmt-font-size: 16px;
  --pmt-font-weight: 400;
  
  /* Borders & Spacing */
  --pmt-border-color: var(--pmt-gray-200);
  --pmt-border-radius: 5px;
  --pmt-border-width: 2px;
  --pmt-input-border-color: var(--pmt-gray-400);
  --pmt-input-background-color: var(--pmt-color-white);
  --pmt-input-error-border-color: var(--pmt-danger-500);
  --pmt-input-placeholder-color: var(--pmt-gray-500);
  --pmt-input-label-font-size: 13px;
  --pmt-input-label-color: var(--pmt-font-color);
  --pmt-input-label-font-weight: 500;
  --pmt-input-padding: 12px;
  --pmt-input-group-padding: 12px;

  --pmt-input-prefix-background-color: var(--pmt-gray-200);
  
  /* Interaction & States */
  --pmt-hover-background-color: var(--pmt-gray-50);
  --pmt-active-border-color: var(--pmt-primary-700);
  --pmt-active-font-color: var(--pmt-primary-700);
  --pmt-error-color: var(--pmt-danger-500);
  --pmt-warning-color: var(--pmt-warning-500);
  --pmt-error-text-color: var(--pmt-error-color);
  --pmt-error-text-font-size: 12px;
  --pmt-loader-color: var(--pmt-primary-500);
  

  /* Buttons */
  --pmt-button-background-color: var(--pmt-primary-500);
  --pmt-button-font-color: var(--pmt-font-color);
  --pmt-button-text-transform: uppercase;
  --pmt-button-active-background-color: var(--pmt-primary-500);
  --pmt-button-active-font-color: var(--pmt-color-white);
  --pmt-button-hover-background-color: var(--pmt-primary-600);
  
  /* Other Components */
  --pmt-skeleton-loader-color1: var(--pmt-gray-50);
  --pmt-skeleton-loader-color2: var(--pmt-gray-100);
  --pmt-tabs-background-color: var(--pmt-gray-50);
  --pmt-venmo-background-color: #009cde; /* can remain literal if preferred */
  --pmt-venmo-border-color: #3d95ce;
  --pmt-card-background-color: var(--pmt-gray-200);
  --pmt-list-background-color: var(--pmt-color-white);
  --pmt-paragraph-text-opacity: 1;
  
  /* Checkbox & Radio */
  --pmt-checkbox-checked-background-color: var(--pmt-primary-500);
  --pmt-checkbox-font-size: 16px;
  --pmt-checkbox-border-width: 2px;
  --pmt-checkbox-border-radius: 5px;
  --pmt-checkbox-position-top: 0px;
  --pmt-checkbox-position-left: 0px;
  --pmt-checkbox-height: 20px;
  --pmt-checkbox-width: 20px;
  --pmt-checkbox-label-padding-left: 36px;
  --pmt-checkbox-checked-position-top: 2px;
  --pmt-checkbox-checked-position-left: 7px;
  --pmt-checkbox-checked-border-width: 0 2.5px 2.5px 0;
  --pmt-radio-margin-left: 3px;
  
  /* Card Icon Positioning */
  --pmt-card-icon-position-top: -36px;
  --pmt-card-icon-position-right: 8px;
  
  /* Icon Defaults */
  --pmt-icon-color: var(--pmt-primary-500);
  --pmt-icon-bg: rgba(0,86,179,0.07);

  /* Radio Button Theme Variables */
  --pmt-radio-size: 16px;
  --pmt-radio-border-width: 2px;
  --pmt-radio-border-color: var(--pmt-gray-400);
  --pmt-radio-background-color: var(--pmt-color-white);
  --pmt-radio-checked-background-color: var(--pmt-primary-500);
  --pmt-radio-checked-border-color: var(--pmt-primary-500);
  --pmt-radio-hover-border-color: var(--pmt-primary-400);
  --pmt-radio-hover-background-color: var(--pmt-primary-50);
  --pmt-radio-disabled-border-color: var(--pmt-gray-300);
  --pmt-radio-disabled-background-color: var(--pmt-gray-100);
  --pmt-radio-label-color: var(--pmt-font-color);
  --pmt-radio-label-font-size: var(--pmt-font-size);
  --pmt-radio-label-font-weight: 400;
  --pmt-radio-margin-left: 3px;
  --pmt-radio-margin-right: 8px;
  --pmt-radio-scale: 1.5;
}