/* Picuco CSS Variables - Critical: Loaded directly to prevent build-time elimination */
:root {
  /* === Brand Color Tokens === */
  /* Primary (Orange) - Simplified Palette */
  --color-primary-50: #FEF7F0;
  --color-primary-100: #F7D1B7;
  --color-primary-500: #F97316;
  --color-primary-600: #EE6201;
  --color-primary-900: #8B3701;
  --color-primary-50-rgb: 254, 247, 240;
  --color-primary-100-rgb: 247, 209, 183;
  --color-primary-500-rgb: 249, 115, 22;
  --color-primary-600-rgb: 238, 98, 1;
  --color-primary-900-rgb: 139, 55, 1;

  /* Secondary (Green) - Simplified Palette */
  --color-secondary-50: #F7FBF0;
  --color-secondary-100: #D0E3AA;
  --color-secondary-500: #87AB3E;
  --color-secondary-600: #7A9A36;
  --color-secondary-900: #455D0A;
  --color-secondary-50-rgb: 247, 251, 240;
  --color-secondary-100-rgb: 208, 227, 170;
  --color-secondary-500-rgb: 135, 171, 62;
  --color-secondary-600-rgb: 122, 154, 54;
  --color-secondary-900-rgb: 69, 93, 10;

  /* Accent (Blue) - Simplified Palette */
  --color-accent-50: #F0F9FF;
  --color-accent-100: #B8E4F5;
  --color-accent-500: #69ADC6;
  --color-accent-600: #5A9BB0;
  --color-accent-900: #2E5A6A;
  --color-accent-50-rgb: 240, 249, 255;
  --color-accent-100-rgb: 184, 228, 245;
  --color-accent-500-rgb: 105, 173, 198;
  --color-accent-600-rgb: 90, 155, 176;
  --color-accent-900-rgb: 46, 90, 106;

  /* Neutral (Grays) */
  --color-gray-50: #FAFAFA;
  --color-gray-100: #F5F5F5;
  --color-gray-200: #E6E6E6;
  --color-gray-300: #D3D3D3;
  --color-gray-400: #BFBFBF;
  --color-gray-500: #A9A9A9;
  --color-gray-600: #7A7A7A;
  --color-gray-700: #5C5C5C;
  --color-gray-800: #3D3D3D;
  --color-gray-900: #212121;
  --color-gray-50-rgb: 250, 250, 250;
  --color-gray-100-rgb: 245, 245, 245;
  --color-gray-200-rgb: 230, 230, 230;
  --color-gray-300-rgb: 211, 211, 211;
  --color-gray-400-rgb: 191, 191, 191;
  --color-gray-500-rgb: 169, 169, 169;
  --color-gray-600-rgb: 122, 122, 122;
  --color-gray-700-rgb: 92, 92, 92;
  --color-gray-800-rgb: 61, 61, 61;
  --color-gray-900-rgb: 33, 33, 33;

  /* Semantic Colors */
  --color-success: #87AB3E;
  --color-success-light: #D0E3AA;
  --color-success-dark: #51730C;
  --color-warning: #EAC256;
  --color-warning-light: #F4E4A3;
  --color-warning-dark: #D4B245;
  --color-error: #D9534F;
  --color-error-light: #F5C6C4;
  --color-error-dark: #B83227;
  --color-info: #69ADC6;
  --color-info-light: #B8E4F5;
  --color-info-dark: #366B7E;

  /* Base Colors */
  --color-white: #FFFFFF;
  --color-black: #000000;

  /* === Semantic Variable Mapping === */
  /* Text colors */
  --color-text-primary: var(--color-gray-900);
  --color-text-secondary: var(--color-gray-600);
  --color-text-tertiary: var(--color-gray-500);
  --color-text-disabled: var(--color-gray-400);
  --color-text-inverse: var(--color-white);

  /* Background colors */
  --color-background-primary: var(--color-white);
  --color-background-secondary: var(--color-gray-50);
  --color-background-tertiary: var(--color-gray-100);
  --color-background-disabled: var(--color-gray-200);

  /* Border colors */
  --color-border-primary: var(--color-gray-300);
  --color-border-secondary: var(--color-gray-200);
  --color-border-focus: var(--color-primary-500);
  --color-border-error: var(--color-error);

  /* Button colors */
  --color-button-primary-bg: var(--color-primary-500);
  --color-button-primary-text: var(--color-white);
  --color-button-primary-hover: var(--color-primary-600);
  --color-button-primary-active: var(--color-primary-900);
  --color-button-primary-disabled-bg: var(--color-primary-100);
  --color-button-primary-disabled-text: var(--color-white);

  --color-button-secondary-bg: var(--color-secondary-500);
  --color-button-secondary-text: var(--color-white);
  --color-button-secondary-hover: var(--color-secondary-600);
  --color-button-secondary-active: var(--color-secondary-900);

  --color-button-tertiary-bg: transparent;
  --color-button-tertiary-text: var(--color-primary-500);
  --color-button-tertiary-hover: var(--color-primary-100);
  --color-button-tertiary-active: var(--color-primary-100);

  /* Form element colors */
  --color-input-bg: var(--color-white);
  --color-input-border: var(--color-gray-300);
  --color-input-text: var(--color-gray-900);
  --color-input-placeholder: var(--color-gray-500);
  --color-input-hover-border: var(--color-gray-400);
  --color-input-focus-border: var(--color-primary-500);
  --color-input-focus-shadow: rgba(var(--color-primary-500-rgb), 0.25);
  --color-input-error-border: var(--color-error);
  --color-input-error-bg: var(--color-error-light);
  --color-input-disabled-bg: var(--color-gray-100);
  --color-input-disabled-text: var(--color-gray-500);
  
  /* Alert/notification colors */
  --color-alert-info-bg: var(--color-info-light);
  --color-alert-info-text: var(--color-info-dark);
  --color-alert-info-border: var(--color-info);
  --color-alert-success-bg: var(--color-success-light);
  --color-alert-success-text: var(--color-success-dark);
  --color-alert-success-border: var(--color-success);
  --color-alert-warning-bg: var(--color-warning-light);
  --color-alert-warning-text: var(--color-warning-dark);
  --color-alert-warning-border: var(--color-warning);
  --color-alert-error-bg: var(--color-error-light);
  --color-alert-error-text: var(--color-error-dark);
  --color-alert-error-border: var(--color-error);
}