Private/Get-TBFluentHtmlStyleTokenSet.ps1

function Get-TBFluentHtmlStyleTokenSet {
    <#
    .SYNOPSIS
        Returns shared Fluent enterprise design tokens for HTML outputs.
    #>

    [CmdletBinding()]
    [OutputType([string])]
    param()

    return @"
:root {
    --tb-bg: #f4f6fb;
    --tb-surface: #ffffff;
    --tb-surface-muted: #f8f9fc;
    --tb-border: #d9deea;
    --tb-text: #1f2330;
    --tb-text-muted: #4f5a73;
    --tb-accent: #0f6cbd;
    --tb-accent-strong: #005ea2;
    --tb-success: #107c10;
    --tb-warning: #986f0b;
    --tb-danger: #c50f1f;
    --tb-shadow: 0 4px 16px rgba(21, 35, 62, 0.08);
}
body {
    font-family: 'Segoe UI Variable Text', 'Segoe UI', -apple-system, BlinkMacSystemFont, sans-serif;
    background: radial-gradient(circle at top right, #edf4ff, var(--tb-bg) 45%);
    color: var(--tb-text);
}
a { color: var(--tb-accent); }
a:hover { color: var(--tb-accent-strong); }
.card,
.monitor-card,
.baseline-card,
nav,
table {
    background: var(--tb-surface);
    border: 1px solid var(--tb-border);
    box-shadow: var(--tb-shadow);
}
"@

}