/*
 * Copyright (C) 2026 Garudex Labs.  All Rights Reserved.
 * Caracal, a product of Garudex Labs
 *
 * CSS design tokens and base styles seeded from config/company.yaml.
 */

:root {
  /* Brand colors from company.yaml */
  --primary:  #0B3D91;
  --accent:   #1E5BD8;
  --surface:  #F5F7FA;
  --border:   #D0D7E3;
  --text:     #1A1F2E;
  --danger:   #C0392B;
  --success:  #1A7F4B;
  --warning:  #B85C00;
  --amber:    #8A5800;
  --teal:     #0D6E72;

  /* Log category color tokens */
  --logSystem:   var(--text);
  --logAgent:    var(--accent);
  --logTool:     var(--teal);
  --logService:  var(--teal);
  --logAudit:    var(--amber);
  --logDelegation: #6B47A8;

  /* Lifecycle status color tokens */
  --statusSpawned:   #4A6FA5;
  --statusRunning:   var(--accent);
  --statusCompleted: var(--success);
  --statusDenied:    var(--danger);
  --statusFailed:    var(--danger);
  --statusCancelled: #8A9BAE;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

body  { font-family: system-ui, -apple-system, sans-serif; font-size: 13px; background: var(--surface); color: var(--text); min-height: 100vh; display: flex; flex-direction: column; }
nav   { background: var(--primary); color: #fff; display: flex; align-items: center; justify-content: space-between; padding: 0 24px; height: 44px; flex-shrink: 0; }
nav .brand  { font-weight: 600; font-size: 14px; letter-spacing: 0.02em; color: #fff; text-decoration: none; }
nav .links  { display: flex; gap: 4px; }
nav .links a { color: rgba(255,255,255,0.75); text-decoration: none; padding: 6px 10px; border-radius: 3px; font-size: 12px; transition: background 0.15s; }
nav .links a:hover, nav .links a.active { background: rgba(255,255,255,0.15); color: #fff; }
main  { flex: 1; display: flex; flex-direction: column; min-height: 0; }

::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--border); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #b0bbd0; }
