/*
Theme Name: Blocksy Child PaoJob
Theme URI: https://paojob.com/
Description: Lightweight custom child theme for PaoJob - The Skill-to-Opportunity Platform.
Author: PaoJob Development Team
Author URI: https://paojob.com/
Template: blocksy
Version: 1.0.0
Text Domain: blocksy-child-paojob
*/

/* ==========================================================================
   PaoJob Design System Tokens (:root)
   Direction: paojob-skill-to-opportunity
   ========================================================================== */

:root {
  /* Surfaces & Backgrounds */
  --paojob-bg: #F4F7FB;
  --paojob-surface: #FFFFFF;
  --paojob-surface-soft: #F9FBFE;
  
  /* Ink & Typography */
  --paojob-ink: #17283D;
  --paojob-muted: #53667C;
  --paojob-subtle: #8A9BB0;
  
  /* Primary Brand Accent */
  --paojob-accent: #1559ED;
  --paojob-accent-hover: #0E47C7;
  --paojob-accent-soft: #E7EEFF;
  
  /* Lines & Borders */
  --paojob-line: #D9E2EF;
  --paojob-line-strong: #BDCEE4;
  
  /* Status & Indicators */
  --paojob-rating: #F2B544;
  --paojob-success: #10B981;
  --paojob-warning: #F59E0B;
  --paojob-danger: #EF4444;

  /* Spacing Scale */
  --paojob-space-xs: 6px;
  --paojob-space-sm: 10px;
  --paojob-space-md: 18px;
  --paojob-space-lg: 32px;
  --paojob-space-xl: 56px;

  /* Border Radii */
  --paojob-radius-sm: 6px;
  --paojob-radius-md: 14px;
  --paojob-radius-lg: 24px;
}

/* Micro-interactions & Accessible Transitions */
.paojob-card {
  background: var(--paojob-surface);
  border: 1px solid var(--paojob-line);
  border-radius: var(--paojob-radius-md);
  transition: transform 200ms ease, box-shadow 200ms ease, border-color 200ms ease;
}

.paojob-card:hover {
  transform: translateY(-4px);
  border-color: var(--paojob-accent);
  box-shadow: 0 12px 28px rgba(21, 89, 237, 0.12), 0 4px 8px rgba(23, 40, 61, 0.04);
}

@media (prefers-reduced-motion: reduce) {
  .paojob-card {
    transition: none !important;
  }
  .paojob-card:hover {
    transform: none !important;
  }
}