/*
Theme Name: Jobera Blog
Theme URI: https://jobera.com/blog
Author: Jobera
Author URI: https://jobera.com
Description: Custom blog theme for Jobera — the modern job board. Part of the Jobera ecosystem.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 8.1
License: Proprietary
License URI: https://jobera.com
Text Domain: jobera-blog
Tags: blog, custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

/* ═══════════════════════════════════════════════════════════════
   CSS CUSTOM PROPERTIES — Design System Tokens
   Mirror of jobera-handoff.md + jobera-navbar.jsx + jobera-footer.jsx
   ═══════════════════════════════════════════════════════════════ */

:root {
  /* ── Core palette ── */
  --ac:        #0b769c;   /* Primary teal */
  --ac-hover:  #096485;   /* Primary teal hover */
  --pri:       #c2410c;   /* Burnt orange — subcategory tabs */
  --lp:        #7c3aed;   /* Purple — location chips */
  --cb:        #9333ea;   /* Purple accent */

  /* ── Badge colors ── */
  --feat-gold:    #f59e0b;
  --hot-orange:   #f97316;
  --new-blue:     #0284c7;
  --hi-purple:    #7c3aed;

  /* ── Trust Level colors ── */
  --trust-high:   #22c55e;
  --trust-med:    #eab308;
  --trust-risk:   #ef4444;

  /* ── Theme tokens — Light (default) ── */
  --color-bg:     #fafaf8;
  --color-card:   #ffffff;
  --color-alt:    #f5f4f2;
  --color-text:   #1a1a1a;
  --color-sec:    #555555;
  --color-ter:    #999999;
  --color-bd:     #e8e5e1;
  --color-bdl:    #f0eeec;
  --color-al:     #e8f4f8;
  --color-trk:    #f0eeec;
  --color-nav:    #ffffff;
  --color-hover:  #f7f6f4;

  /* ── Typography ── */
  --font-euclid: 'Euclid Circular A', 'Euclid Circular B', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-body:   "DM Sans", -apple-system, sans-serif;

  /* ── Spacing ── */
  --px:          48px;    /* Page padding desktop */
  --px-mob:      16px;    /* Page padding mobile */
  --max-w:       1280px;  /* Max content width */
  --sidebar-w:   280px;
  --content-w:   680px;   /* Single post content width */

  /* ── Radii ── */
  --r-tag:    5px;
  --r-btn:    8px;
  --r-input:  10px;
  --r-card:   12px;
  --r-modal:  16px;
  --r-pill:   20px;

  /* ── Shadows ── */
  --shadow-card:     0 2px 8px rgba(0,0,0,.06);
  --shadow-card-hov: 0 4px 20px rgba(0,0,0,.1);
  --shadow-menu:     0 16px 50px rgba(0,0,0,.12);
  --shadow-overlay:  0 8px 30px rgba(0,0,0,.08);

  /* ── Transitions ── */
  --t-fast:   .12s ease;
  --t-base:   .15s ease;
  --t-anim:   .2s ease;
}

/* ── Dark mode ── */
[data-theme="dark"] {
  --color-bg:     #0f1117;
  --color-card:   #1a1d27;
  --color-alt:    #151820;
  --color-text:   #e4e4e7;
  --color-sec:    #a1a1aa;
  --color-ter:    #71717a;
  --color-bd:     #2a2d3a;
  --color-bdl:    #22252f;
  --color-al:     rgba(11,118,156,.13);
  --color-trk:    #22252f;
  --color-nav:    #13151d;
  --color-hover:  #1e2130;
}