/*
 * Job Portal Root Variables
 * Comprehensive CSS variable definitions for TYPO3 12 job portal
 */

:root {
	/* Primary Brand Colors */
	--primary-color: #88b800;
	--primary-hover: #749c00;
	--primary-focus: #5c7b00;
	--primary-light: rgba(136, 184, 0, 0.1);

	/* Secondary & Accent Colors */
	--secondary-color: #007bff;      /* Complementary blue */
	--accent-color: #f39c12;         /* Accent orange */

	/* Text Colors */
	--text-color: #555555;           /* Main text color */
	--text-color-white: #ffffff;           /* Main text color */
	--text-color-secondary: #6c757d; /* Secondary text */
	--text-color-light: #767676;     /* Light text for less emphasis */
	--heading-color: #333333;        /* For headings */

	/* Background Colors */
	--background-color: #ffffff;     /* Main background */
	--background-alt: #f8f8f8;       /* Alternative background */
	--background-light: #f3f4f6;     /* Lighter background for contrast */
	--bg-light: var(--background-light);

	/* Borders & Shadows */
	--border-color: #dddddd;
	--focus-outline: 3px solid rgba(136, 184, 0, 0.5);
	--card-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
	--card-shadow-hover: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);

	/* Layout & Spacing */
	--section-spacing: 2rem;
	--card-radius: 0.75rem;

	/* Animations */
	--transition-default: all 0.3s ease;

	/* Form Elements */
	--input-border: #ced4da;
	--input-focus: #88b800;
	--input-background: #ffffff;

	/* Status Colors */
	--success-color: #28a745;
	--error-color: #dc3545;
	--warning-color: #ffc107;
	--info-color: #17a2b8;
}