/*
Theme Name:  Kerjaya.my
Theme URI:   https://kerjaya.co
Author:      Kerjaya.my Team
Author URI:  https://kerjaya.co
Description: Theme rasmi portal kerjaya Malaysia — Kerjaya.my. Swiss Editorial design system, Tailwind CSS, CPT Jawatan dengan ACF Free. Optimized untuk desktop dan mobile.
Version:     1.0.0
Requires at least: 6.4
Tested up to:      6.7
Requires PHP:      8.1
License:           Proprietary
License URI:       https://kerjaya.co/lesen
Text Domain:       kerjaya
Tags:              job-portal, malaysian, custom-post-type, acf, tailwind, swiss-editorial

──────────────────────────────────────────────────────────────────
  DESIGN SYSTEM TOKENS
──────────────────────────────────────────────────────────────────
  Typography:  Plus Jakarta Sans (Google Fonts)
               Weight 400 / 500 / 600 / 700 / 800

  Warna:
    --kj-teal      : #0D9488   (primary)
    --kj-teal2     : #0F766E   (primary hover)
    --kj-ink       : #0F172A   (text dark)
    --kj-dim       : #64748B   (text muted)
    --kj-surface   : #F0FDFA   (teal tint bg)
    --kj-muted     : #F8FAFC   (neutral bg)
    --kj-rule      : #E2E8F0   (borders)
    --kj-amber     : #F59E0B   (accent / warning)
    --kj-amberlt   : #FEF3C7   (amber tint)
    --kj-paper     : #FFFFFF

  Sektor warna:
    SPA     : teal   #0D9488 / bg #CCFBF1
    SPP     : indigo #4338CA / bg #EEF2FF
    GLC     : amber  #D97706 / bg #FEF3C7
    Swasta  : violet #7C3AED / bg #F5F3FF
    IT      : blue   #0369A1 / bg #E0F2FE
    Medik   : rose   #E11D48 / bg #FFF1F2

──────────────────────────────────────────────────────────────────
  STRUKTUR FAIL THEME
──────────────────────────────────────────────────────────────────
  kerjaya-theme/
  ├── style.css               ← fail ini
  ├── functions.php           ← theme setup, CPT, ACF, enqueue
  ├── index.php               ← fallback template
  ├── header.php              ← nav header
  ├── footer.php              ← footer
  ├── single-jawatan.php      ← halaman detail jawatan
  ├── archive-jawatan.php     ← halaman senarai / kategori
  ├── page.php                ← halaman biasa
  ├── template-parts/
  │   ├── job-row.php         ← baris jadual (desktop)
  │   ├── job-card.php        ← kad jawatan (mobile)
  │   └── job-hero.php        ← hero section (single)
  ├── acf-json/
  │   └── group_jawatan.json  ← ACF local JSON (auto-sync)
  └── assets/
      ├── css/
      │   └── kerjaya.css     ← custom CSS (Swiss Editorial)
      └── js/
          └── kerjaya.js      ← interaksi (bookmark, filter, dll)
──────────────────────────────────────────────────────────────────
*/

/* ── CSS CUSTOM PROPERTIES ─────────────────────────────────────── */
:root {
  --kj-teal:    #0D9488;
  --kj-teal2:   #0F766E;
  --kj-ink:     #0F172A;
  --kj-dim:     #64748B;
  --kj-surface: #F0FDFA;
  --kj-muted:   #F8FAFC;
  --kj-rule:    #E2E8F0;
  --kj-amber:   #F59E0B;
  --kj-amberlt: #FEF3C7;
  --kj-paper:   #FFFFFF;

  /* Sektor */
  --kj-spa-bg:     #CCFBF1;
  --kj-spa-color:  #0F766E;
  --kj-spa-border: #5EEAD4;
  --kj-spa-dot:    #0D9488;

  --kj-spp-bg:     #EEF2FF;
  --kj-spp-color:  #4338CA;
  --kj-spp-border: #A5B4FC;
  --kj-spp-dot:    #4338CA;

  --kj-glc-bg:     #FEF3C7;
  --kj-glc-color:  #92400E;
  --kj-glc-border: #FCD34D;
  --kj-glc-dot:    #D97706;

  --kj-swasta-bg:     #F5F3FF;
  --kj-swasta-color:  #5B21B6;
  --kj-swasta-border: #C4B5FD;
  --kj-swasta-dot:    #7C3AED;

  --kj-it-bg:     #E0F2FE;
  --kj-it-color:  #075985;
  --kj-it-border: #7DD3FC;
  --kj-it-dot:    #0369A1;

  --kj-medik-bg:     #FFF1F2;
  --kj-medik-color:  #9F1239;
  --kj-medik-border: #FDA4AF;
  --kj-medik-dot:    #E11D48;
}