/* ============================================================
   1c3d - 3dFarm | Theme Variables
   ============================================================
   Edit this file to restyle the entire site.
   All colors, fonts, spacing, and radii live here.
   ============================================================ */

:root {

  /* ── Brand ───────────────────────────────────────────────── */
  --color-primary:       #e05a00;
  --color-primary-dim:   #b34700;
  --color-primary-glow:  rgba(224, 90, 0, 0.15);
  --color-primary-text:  #ffffff;

  /* ── Backgrounds ─────────────────────────────────────────── */
  --bg-base:             #0d0d0d;
  --bg-surface:          #161616;
  --bg-raised:           #1f1f1f;
  --bg-hover:            #272727;
  --bg-input:            #121212;
  --bg-overlay:          rgba(0, 0, 0, 0.75);

  /* ── Borders ─────────────────────────────────────────────── */
  --border-color:        #2a2a2a;
  --border-color-focus:  #e05a00;
  --border-width:        1px;

  /* ── Text ────────────────────────────────────────────────── */
  --text-primary:        #f0f0f0;
  --text-secondary:      #a0a0a0;
  --text-muted:          #555555;
  --text-inverse:        #0d0d0d;
  --text-link:           #e05a00;
  --text-link-hover:     #ff7722;

  /* ── Status Colors ───────────────────────────────────────── */
  --color-success:       #2ecc71;
  --color-success-bg:    rgba(46, 204, 113, 0.1);
  --color-warning:       #f39c12;
  --color-warning-bg:    rgba(243, 156, 18, 0.1);
  --color-danger:        #e74c3c;
  --color-danger-bg:     rgba(231, 76, 60, 0.1);
  --color-info:          #3498db;
  --color-info-bg:       rgba(52, 152, 219, 0.1);

  /* ── Job Status Colors ───────────────────────────────────── */
  --status-open:         #3498db;
  --status-claimed:      #9b59b6;
  --status-proof:        #f39c12;
  --status-approved:     #1abc9c;
  --status-paid:         #2ecc71;
  --status-shipped:      #e05a00;
  --status-delivered:    #27ae60;
  --status-complete:     #2ecc71;
  --status-disputed:     #e74c3c;
  --status-cancelled:    #555555;

  /* ── Typography ──────────────────────────────────────────── */
  --font-main:           'Inter', 'Segoe UI', system-ui, sans-serif;
  --font-mono:           'JetBrains Mono', 'Fira Code', monospace;
  --font-size-xs:        0.75rem;
  --font-size-sm:        0.875rem;
  --font-size-md:        1rem;
  --font-size-lg:        1.125rem;
  --font-size-xl:        1.25rem;
  --font-size-2xl:       1.5rem;
  --font-size-3xl:       2rem;
  --font-weight-normal:  400;
  --font-weight-medium:  500;
  --font-weight-bold:    700;
  --line-height:         1.6;

  /* ── Spacing ─────────────────────────────────────────────── */
  --space-1:             4px;
  --space-2:             8px;
  --space-3:             12px;
  --space-4:             16px;
  --space-5:             20px;
  --space-6:             24px;
  --space-8:             32px;
  --space-10:            40px;
  --space-12:            48px;
  --space-16:            64px;

  /* ── Border Radius ───────────────────────────────────────── */
  --radius-sm:           4px;
  --radius-md:           8px;
  --radius-lg:           12px;
  --radius-xl:           16px;
  --radius-full:         9999px;

  /* ── Shadows ─────────────────────────────────────────────── */
  --shadow-sm:           0 1px 3px rgba(0,0,0,0.4);
  --shadow-md:           0 4px 12px rgba(0,0,0,0.5);
  --shadow-lg:           0 8px 32px rgba(0,0,0,0.6);
  --shadow-primary:      0 4px 20px rgba(224, 90, 0, 0.25);

  /* ── Layout ──────────────────────────────────────────────── */
  --max-width:           1200px;
  --nav-height:          64px;
  --sidebar-width:       260px;

  /* ── Transitions ─────────────────────────────────────────── */
  --transition-fast:     150ms ease;
  --transition-base:     250ms ease;
  --transition-slow:     400ms ease;

  /* ── Z-index ─────────────────────────────────────────────── */
  --z-base:              1;
  --z-dropdown:          100;
  --z-sticky:            200;
  --z-overlay:           300;
  --z-modal:             400;
  --z-toast:             500;
}