/* Theme: professional-blue-01 - Generated from JSON */
/* Corporate-focused blue theme with high contrast and trustworthy appearance */

:root {
  /* PRIMARY COLORS */
  --tc-primary-50: #eff6ff;
  --tc-primary-100: #c3deff;
  --tc-primary-300: #7e9ee8;
  --tc-primary-500: #3b69ff;
  --tc-primary-700: #3355ef;

  /* NEUTRAL COLORS */
  --tc-neutral-50: #f8fafc;
  --tc-neutral-100: #f1f5f9;
  --tc-neutral-300: #b6bdc9;
  --tc-neutral-500: #666f83;
  --tc-neutral-700: #445162;
  --tc-neutral-900: #11162c;

  /* SURFACE SYSTEM */
  --tc-surface-primary: var(--tc-neutral-50);
  --tc-surface-secondary: var(--tc-neutral-100);
  --tc-surface-accent: var(--tc-primary-50);

  /* TEXT SYSTEM */
  --tc-text-primary: var(--tc-neutral-900);
  --tc-text-secondary: var(--tc-neutral-700);
  --tc-text-accent: var(--tc-primary-500);

  /* INTERACTIVE ELEMENTS */
  --tc-button-primary-bg: var(--tc-primary-500);
  --tc-button-primary-text: #ffffff;
  --tc-button-secondary-bg: var(--tc-neutral-100);
  --tc-button-secondary-text: var(--tc-neutral-900);

  /* BORDERS SHADOWS */
  --tc-border-light: var(--tc-neutral-300);
  --tc-border-medium: var(--tc-neutral-500);
  --tc-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --tc-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --tc-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);

  /* UTILITY VARIABLES */
  --tc-theme-name: "professional-blue-01";
  --tc-theme-category: "professional";

}

/* Base theme styles for professional-blue-01 */
body {
  background-color: var(--tc-bg-primary, var(--tc-surface-primary, #ffffff));
  color: var(--tc-text-primary, #000000);
}

.btn-primary {
  background-color: var(--tc-primary, var(--tc-button-primary-bg, #1265e7));
  color: var(--tc-button-primary-text, #ffffff);
  border-color: var(--tc-primary, var(--tc-button-primary-bg, #1085ff));
}

.btn-secondary {
  background-color: var(--tc-secondary, var(--tc-button-secondary-bg, #f8f9fa));
  color: var(--tc-text-primary, var(--tc-button-secondary-text, #191b1c));
  border-color: var(--tc-borders-light, var(--tc-border-light, #d9d9d9));
}