/* ========================================================
   KEKOA Docs - Design Tokens
   Extracted directly from Figma node 15159-21477 ("API Specification")
   via the Figma MCP server - both the named design variables
   (surface/body, text/secondary, border/divider, surface/primary,
   radius/md|lg|sm) and the literal values used throughout the frame's
   sidebar, tables, endpoint blocks, and code panels. This is the one
   file to edit if the Figma frame changes - every component below
   reads from these custom properties.
   ======================================================== */

:root {
	--kd-bg: #060a1d;                 /* surface/body - outer page bg */
	--kd-panel-bg: transparent;           /* the boxed sidebar+content panel sits on this, distinct from --kd-bg */
	--kd-surface: #0f172a;            /* table/card container bg */
	--kd-surface-raised: #111827;     /* table header row, endpoint/code block header bg */
	--kd-surface-sunken: #0b1220;     /* code block body bg, zebra table rows */
	--kd-surface-active: #1f2937;     /* active sidebar item bg */
	--kd-border: #1f2937;             /* card/table/code-block outer borders */
	--kd-border-strong: #334155;      /* badge borders */
	--kd-divider: #303a4d;            /* border/divider - thin internal separator lines */
	--kd-badge-bg: #1e293b;           /* sidebar "v1.0" badge */
	--kd-badge-border: #334155;

	--kd-heading: #f9fafb;            /* page title, section/subsection headings */
	--kd-text: #cbd5e1;               /* body copy */
	--kd-text-strong: #e5e7eb;        /* table header text, endpoint path text */
	--kd-muted: #94a3b8;              /* code text, sidebar section labels, badge text */
	--kd-subheading: #9ca3af;         /* text/secondary - nested sidebar items */
	--kd-sidebar-text: #d1d5db;       /* default sidebar item text */

	--kd-accent: #2563eb;             /* surface/primary */
	--kd-accent-strong: #3b82f6;      /* sidebar active indicator */
	--kd-accent-contrast: #ffffff;    /* text/white */

	--kd-note: #3b82f6;
	--kd-note-bg: rgba(59, 130, 246, 0.12);
	--kd-note-border: rgba(59, 130, 246, 0.35);
	--kd-tip: #34d399;
	--kd-tip-bg: rgba(52, 211, 153, 0.12);
	--kd-tip-border: rgba(52, 211, 153, 0.35);
	--kd-warning: #f59e0b;
	--kd-warning-bg: rgba(245, 158, 11, 0.12);
	--kd-warning-border: rgba(245, 158, 11, 0.35);
	--kd-important: #f472b6;
	--kd-important-bg: rgba(244, 114, 182, 0.12);
	--kd-important-border: rgba(244, 114, 182, 0.35);
	--kd-danger: #f5222d;             /* surface/error */
	--kd-danger-bg: rgba(245, 34, 45, 0.12);
	--kd-danger-border: rgba(245, 34, 45, 0.35);

	/* Code syntax highlight (JSON): matches the pink/emerald/sky used throughout the frame's code blocks */
	--kd-code-key: #f472b6;
	--kd-code-string: #34d399;
	--kd-code-number: #38bdf8;
	--kd-code-punct: var(--kd-muted);

	/* REST method badges (only POST appears in the reference frame; others follow the same light-bg/dark-text convention) */
	--kd-method-get-bg: #eff6ff;   --kd-method-get-text: #1d4ed8;
	--kd-method-post-bg: #ecfdf3; --kd-method-post-text: #027a48;
	--kd-method-put-bg: #fffbeb;  --kd-method-put-text: #b45309;
	--kd-method-patch-bg: #fffbeb; --kd-method-patch-text: #b45309;
	--kd-method-delete-bg: #fef2f2; --kd-method-delete-text: #b91c1c;

	--kd-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--kd-font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--kd-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
	--kd-font-brand: "Akshar", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; /* sidebar "KEKOA" wordmark only */

	--kd-radius: 8px;      /* radius/lg */
	--kd-radius-sm: 6px;   /* radius/md */
	--kd-radius-xs: 4px;   /* radius/sm */

	--kd-space-1: 4px;
	--kd-space-2: 8px;
	--kd-space-3: 12px;
	--kd-space-4: 16px;
	--kd-space-5: 24px;
	--kd-space-6: 32px;
	--kd-space-8: 48px;

	--kd-sidebar-width: 280px;
	--kd-toc-width: 240px;
}