/* Generated by credentials/sync-tokens.mjs from apps/frontend/public/docs/tp-tokens.css: do not edit. */
:root {
    color-scheme: light;

    /* Type */
    --font-sans: 'Inter', system-ui, sans-serif;
    --font-mono: 'JetBrains Mono', ui-monospace, monospace;

    /* Brand / primary scale — base is 500 */
    --primary-50: rgb(236 249 253);
    --primary-100: rgb(207 239 248);
    --primary-200: rgb(158 221 240);
    --primary-300: rgb(109 203 232);
    --primary-400: rgb(76 194 227);
    --primary-500: rgb(62 185 221);  /* ← brand base */
    --primary-600: rgb(32 157 193);
    --primary-700: rgb(24 126 157);
    --primary-800: rgb(19 96 120);
    --primary-900: rgb(14 66 82);
    --primary-950: rgb(8 40 51);

    /* Surfaces */
    --surface-base: #f9fafb;      /* page background */
    --surface-raised: #ffffff;    /* cards, panels, callouts */
    --surface-sunken: #f3f4f6;    /* inset areas, table stripes, code blocks */
    --surface-overlay: #ffffff;   /* tooltips, popovers */

    /* Text */
    --text-base: #111827;         /* body copy, headings */
    --text-muted: #6b7280;        /* secondary copy, captions */
    --text-subtle: #9ca3af;       /* labels, metadata, placeholders */
    --text-inverted: #ffffff;     /* on a dark/solid fill */

    /* Borders & dividers */
    --border-ui: #e5e7eb;         /* default rules, card edges, table lines */
    --border-strong: #d1d5db;     /* emphasised edges */

    /* Form controls */
    --input-bg: #ffffff;
    --input-border: #d1d5db;
    --input-focus-ring: rgba(62, 185, 221, 0.35);

    /* Badges / tags / callouts — each set is bg + text + border */
    --badge-gray-bg: #f3f4f6;
    --badge-gray-text: #374151;
    --badge-gray-border: #d1d5db;
    --badge-primary-bg: #ecf9fd;
    --badge-primary-text: #187e9d;
    --badge-primary-border: #9eddf0;
    --badge-success-bg: #dcfce7;
    --badge-success-text: #15803d;
    --badge-success-border: #86efac;
    --badge-warning-bg: #fef9c3;
    --badge-warning-text: #a16207;
    --badge-warning-border: #fcd34d;
    --badge-danger-bg: #fee2e2;
    --badge-danger-text: #b91c1c;
    --badge-danger-border: #fca5a5;
    --badge-info-bg: #dbeafe;
    --badge-info-text: #1d4ed8;
    --badge-info-border: #93c5fd;
    --badge-attention-bg: #fffbeb;
    --badge-attention-text: #92400e;
    --badge-attention-border: #fde68a;

    /* Status colours — dots, icons, accent bars */
    --success: #16a34a;
    --danger: #dc2626;
    --warning: #ea580c;
    --favorite-amber: #f59e0b;

    /* Scrollbars */
    --scrollbar-track: #f3f4f6;
    --scrollbar-thumb: #d1d5db;
    --scrollbar-thumb-hover: #9ca3af;
}

.dark {
    color-scheme: dark;

    /* Surfaces */
    --surface-base: #192030;
    --surface-raised: #263040;
    --surface-sunken: #111827;
    --surface-overlay: #263040;

    /* Text */
    --text-base: #f9fafb;
    --text-muted: #9ca3af;
    --text-subtle: #6b7280;
    --text-inverted: #111827;

    /* Borders & dividers */
    --border-ui: #374151;
    --border-strong: #4b5563;

    /* Form controls */
    --input-bg: #263040;
    --input-border: #374151;
    --input-focus-ring: rgba(62, 185, 221, 0.40);

    /* Badges / tags / callouts */
    --badge-gray-bg: #374151;
    --badge-gray-text: #d1d5db;
    --badge-gray-border: #4b5563;
    --badge-primary-bg: #082833;
    --badge-primary-text: #6dcbe8;
    --badge-primary-border: #136078;
    --badge-success-bg: #052e16;
    --badge-success-text: #86efac;
    --badge-success-border: #14532d;
    --badge-warning-bg: #451a03;
    --badge-warning-text: #fde68a;
    --badge-warning-border: #92400e;
    --badge-danger-bg: #450a0a;
    --badge-danger-text: #fca5a5;
    --badge-danger-border: #7f1d1d;
    --badge-info-bg: #172554;
    --badge-info-text: #93c5fd;
    --badge-info-border: #1e3a8a;
    --badge-attention-bg: #2d1a00;
    --badge-attention-text: #fde68a;
    --badge-attention-border: #92400e;

    /* Status colours */
    --success: #4ade80;
    --danger: #f87171;
    --warning: #fb923c;
    --favorite-amber: #fbbf24;

    /* Scrollbars */
    --scrollbar-track: #111827;
    --scrollbar-thumb: #374151;
    --scrollbar-thumb-hover: #4b5563;
}

@media (prefers-color-scheme: dark) {
:root:not([data-theme="light"]) {
    color-scheme: dark;

    /* Surfaces */
    --surface-base: #192030;
    --surface-raised: #263040;
    --surface-sunken: #111827;
    --surface-overlay: #263040;

    /* Text */
    --text-base: #f9fafb;
    --text-muted: #9ca3af;
    --text-subtle: #6b7280;
    --text-inverted: #111827;

    /* Borders & dividers */
    --border-ui: #374151;
    --border-strong: #4b5563;

    /* Form controls */
    --input-bg: #263040;
    --input-border: #374151;
    --input-focus-ring: rgba(62, 185, 221, 0.40);

    /* Badges / tags / callouts */
    --badge-gray-bg: #374151;
    --badge-gray-text: #d1d5db;
    --badge-gray-border: #4b5563;
    --badge-primary-bg: #082833;
    --badge-primary-text: #6dcbe8;
    --badge-primary-border: #136078;
    --badge-success-bg: #052e16;
    --badge-success-text: #86efac;
    --badge-success-border: #14532d;
    --badge-warning-bg: #451a03;
    --badge-warning-text: #fde68a;
    --badge-warning-border: #92400e;
    --badge-danger-bg: #450a0a;
    --badge-danger-text: #fca5a5;
    --badge-danger-border: #7f1d1d;
    --badge-info-bg: #172554;
    --badge-info-text: #93c5fd;
    --badge-info-border: #1e3a8a;
    --badge-attention-bg: #2d1a00;
    --badge-attention-text: #fde68a;
    --badge-attention-border: #92400e;

    /* Status colours */
    --success: #4ade80;
    --danger: #f87171;
    --warning: #fb923c;
    --favorite-amber: #fbbf24;

    /* Scrollbars */
    --scrollbar-track: #111827;
    --scrollbar-thumb: #374151;
    --scrollbar-thumb-hover: #4b5563;
}
}
:root[data-theme="dark"] {
    color-scheme: dark;

    /* Surfaces */
    --surface-base: #192030;
    --surface-raised: #263040;
    --surface-sunken: #111827;
    --surface-overlay: #263040;

    /* Text */
    --text-base: #f9fafb;
    --text-muted: #9ca3af;
    --text-subtle: #6b7280;
    --text-inverted: #111827;

    /* Borders & dividers */
    --border-ui: #374151;
    --border-strong: #4b5563;

    /* Form controls */
    --input-bg: #263040;
    --input-border: #374151;
    --input-focus-ring: rgba(62, 185, 221, 0.40);

    /* Badges / tags / callouts */
    --badge-gray-bg: #374151;
    --badge-gray-text: #d1d5db;
    --badge-gray-border: #4b5563;
    --badge-primary-bg: #082833;
    --badge-primary-text: #6dcbe8;
    --badge-primary-border: #136078;
    --badge-success-bg: #052e16;
    --badge-success-text: #86efac;
    --badge-success-border: #14532d;
    --badge-warning-bg: #451a03;
    --badge-warning-text: #fde68a;
    --badge-warning-border: #92400e;
    --badge-danger-bg: #450a0a;
    --badge-danger-text: #fca5a5;
    --badge-danger-border: #7f1d1d;
    --badge-info-bg: #172554;
    --badge-info-text: #93c5fd;
    --badge-info-border: #1e3a8a;
    --badge-attention-bg: #2d1a00;
    --badge-attention-text: #fde68a;
    --badge-attention-border: #92400e;

    /* Status colours */
    --success: #4ade80;
    --danger: #f87171;
    --warning: #fb923c;
    --favorite-amber: #fbbf24;

    /* Scrollbars */
    --scrollbar-track: #111827;
    --scrollbar-thumb: #374151;
    --scrollbar-thumb-hover: #4b5563;
}