/* g-link design tokens and base styles */
:root {
    --gl-font: var(--ui-font);
    --gl-bg: var(--ui-bg);
    --gl-surface-1: var(--ui-surface-1);
    --gl-surface-2: var(--ui-surface-2);
    --gl-panel: var(--ui-panel);
    --gl-border: var(--ui-border);
    --gl-text: var(--ui-text);
    --gl-text-dim: var(--ui-text-dim);
    --gl-accent: var(--ui-accent);
    --gl-accent-strong: var(--ui-accent-strong);
    --gl-ok: var(--ui-success);
    --gl-warn: var(--ui-warning);
    --gl-alarm: var(--ui-danger);
    --gl-info: var(--ui-info);
    --gl-shadow: var(--ui-shadow);
    --gl-radius: var(--ui-radius);
    --gl-gap: var(--ui-gap);
    --gl-card-pad: var(--ui-card-pad);
    --gl-card-pad-tight: var(--ui-card-pad-tight);
    --gl-grid-line: var(--ui-grid-line);
}

.g-link-surface {
    background: var(--gl-surface-2);
    border: 1px solid var(--gl-border);
    border-radius: var(--gl-radius);
    box-shadow: var(--gl-shadow);
}

.g-link-grid {
    background-image:
        linear-gradient(var(--gl-grid-line) 1px, transparent 1px),
        linear-gradient(90deg, var(--gl-grid-line) 1px, transparent 1px);
    background-size: 24px 24px;
}