:root {
  --surface: #FFFFFF;
  --accent-purple: #8B5CF6;
  --accent-orange: #F97316;
  --accent-red: #E63946;
  --bg: #F7F9FC;
  --accent-green: #2D9E5A;
  --surface-hover: #F9FAFB;
  --accent-teal: #0891B2;
  --bg-alt: #F3F4F6;
  --bg-muted: #E5E7EB;
  --panel-border: rgba(15,23,42,0.08);
  --btn-link-color: #2563EB;
  --btn-danger-color: #ffffff;
  --btn-ghost-color: #0F172A;
  --btn-secondary-bg: #E3F2FD;
  --chip-meta-detail-bg: rgba(235,245,255,0.7);
  --badge-success-color: #157a45;
  --btn-finder-color: #ffffff;
  --chip-status-bg: rgba(0,128,255,0.1);
  --btn-premium-bg: #e5aa14;
  --btn-premium-color: #ffffff;
  --input-focus-border: #0a3c8c;
  --badge-danger-color: #b21f1f;
  --btn-primary-color: #ffffff;
  --secondary: #e5aa14;
  --badge-primary-color: #1D4ED8;
  --badge-primary-bg: rgba(0,128,255,0.1);
  --input-bg: #ffffff;
  --chip-status-color: #1D4ED8;
  --btn-finder-bg: #2563EB;
  --design-bg-preset: karo;
  --badge-premium-bg: rgba(229,170,20,0.18);
  --chip-status-verified-color: #157a45;
  --finder-submit-color: #ffffff;
  --badge-success-bg: rgba(31,157,85,0.14);
  --btn-ghost-bg: #ffffff;
  --btn-ghost-border: rgba(15,23,42,0.08);
  --primary-dark: #0A3C8C;
  --badge-danger-bg: rgba(230,57,70,0.1);
  --chip-meta-detail-border: #0A3C8C;
  --badge-premium-color: #8a6711;
  --panel-bg: #ffffff;
  --chip-status-verified-bg: rgba(31,157,85,0.14);
  --btn-secondary-color: #1D4ED8;
  --btn-danger-bg: #EF4444;
  --job-card-premium-border: #3399ff;
  --jc-title-color: #0F172A;
  --badge-warning-color: #6b4c00;
  --finder-form-border: #0a3c8c;
  --badge-warning-bg: rgba(212,165,0,0.12);
  --finder-form-shadow: var(--shadow-sm);
  --input-placeholder-color: #64748b;
  --primary: #0A3C8C;
  --jc-wage-bar-border-color: #0A3C8C;
  --chip-filter-color: #004e9a;
  --finder-input-font-size: 0.95rem;
  --finder-label-color: #64748b;
  --slider-thumb-color: #0a3c8c;
  --input-focus-width: 3px;
  --input-color: #0f172a;
  --slider-thumb-size: 10px;
  --btn-jobupdate-bg: #e5aa14;
  --btn-jobupdate-color: #ffffff;
  --slider-thumb-margin: -3px;
  --jc-wage-amount-color: #0A3C8C;
  --input-padding: 8px 14px;
  --finder-input-color: #0f172a;
  --finder-form-bg: #ffffff;
  --chip-meta-border: rgba(41,54,71,0.16);
  --chip-meta-bg: rgba(255,255,255,0.72);
  --finder-side-border: #e2e8f0;
  --chip-filter-bg: rgba(0,128,255,0.1);
  --jc-wage-bar-bg: #ebf4ff;
  --chip-meta-detail-color: #1D4ED8;
  --chip-filter-border: rgba(0,128,255,0.15);
  --chip-meta-color: #0080ff;
  --sdb-detail-top-border-width: 0px;
  --job-card-hover-border: rgba(0,128,255,0.2);
  --text: #2F2F32;
  --muted: #3E3E42;
  --btn-justify: center;
  --btn-primary-bg: #0A3C8C;
  --finder-submit-bg: #1a6fd0;
  --input-border: #d1d5db;
  --label-font-weight: 500;
  --label-font-size: 0.875rem;
  --badge-padding: 6px 12px;
  --badge-font-size: 0.8rem;
  --jc-meta-color: #59595F;
  --btn-padding: 10px 20px;
  --btn-border-radius: var(--radius-lg);
  --btn-font-weight: 600;
  --finder-form-padding: 4px;
  --finder-form-radius: 12px;
  --finder-label-letter-spacing: 0.05em;
  --finder-submit-radius: 12px;
  --finder-side-radius: 10px;
  --input-focus-style: transparent;
  --input-radius: var(--radius-md);
  --badge-font-weight: 600;
  --badge-border-radius: 999px;
  --jc-company-color: #5F6067;
  --btn-font-size: 0.85rem;
  --btn-hover-transform: translateY(-2px);
  --finder-label-font-size: 0.72rem;
  --finder-label-font-weight: 800;
  --finder-input-font-weight: 700;
  --finder-side-bg: #f0f7ff;
  --slider-track-height: 4px;
  --z-index-header: 1000;
  --z-index-search: 999;
  --z-index-login-modal: 1050;
}

h1.page-title { color: red }
h1.test { color: purple }