/*
Philo Style Form - Custom CSS
Place your theme-specific or override rules here. This file is intentionally simple and meant for editor use.

Guidelines:
- Variables below show primary colors used by the plugin.
- Add rules using the .psf-form, .psf-step, .psf-option selectors to override appearance.
- This file is loaded after the plugin's main CSS so your rules take precedence.

Examples:
.psf-form { background: transparent; border: none; }
.psf-step h4 { text-transform: uppercase; }
.psf-option.selected { border-color: #000; box-shadow: none; }

*/

:root {
  --psf-accent-1: #ff7352;
  --psf-accent-2: #d8141a;
  --psf-accent-gradient: linear-gradient(
    270deg,
    var(--psf-accent-1) 0%,
    var(--psf-accent-2) 100%
  );
}

/* Example overrides - uncomment and edit */
/*
.psf-form {
  background: #fff8f6;
}

.psf-step h4 {
  font-family: 'Arial', sans-serif;
  font-weight: 700;
}

.psf-option.selected {
  border-color: var(--psf-accent-1);
}
*/