/* =============================================================================
   ACCLINK Enterprise Design System v1.0
   tokens/bridge.tokens.css

   PURPOSE: Bridges the legacy variable vocabulary (--bg-surface, --text-primary,
   --border-color, etc.) to the new semantic token system. Surfaces and glass
   aliases are fully opaque hex — no rgba / backdrop-filter.
   ============================================================================= */

/* --- LIGHT THEME (Default) --- */
:root,
[data-theme="light"] {
    /* Surface Aliases */
    --bg-body:             var(--color-surface-background);
    --color-surface-page:          var(--color-surface-background);
    --bg-secondary:        var(--color-surface-base);
    --bg-surface:          var(--color-surface-elevated);
    --color-surface-card:             var(--color-surface-elevated);
    --bg-input:            var(--color-surface-base);
    --bg-hover:            var(--color-surface-floating);
    --bg-surface-hover:    var(--color-surface-floating);
    --bg-surface-light:    var(--gray-100);

    /* Text Aliases */
    --text-primary:        var(--color-text-primary);
    --text-secondary:      var(--color-text-secondary);
    --text-muted:          var(--color-text-muted);
    --text-inverse:        var(--color-text-inverse);

    /* Border Aliases */
    --border-color:        var(--color-border-subtle);
    --shadow-color:        #d1d5db;

    /* Action Color Aliases (used by buttons, badges, links) */
    --color-accent:       var(--color-action-primary-default);
    --color-accent-hover: var(--color-action-primary-hover);
    --color-success:       var(--color-status-success-text);
    --color-danger:        var(--color-status-danger-text);
    --color-warning:       var(--color-status-warning-text);
    --color-info:          var(--color-status-info-text);
    --color-light:         var(--gray-100);
    --color-dark:          #0f172a;

    /* Accent aliases — same values as theme.css / --color-accent */
    --accent-primary:        var(--color-action-primary-default);
    --accent-primary-hover:  var(--color-action-primary-hover);
    --accent-primary-active: var(--color-action-primary-active);
    --accent-on-primary:     var(--color-action-primary-text);
    --accent-secondary:      #0f766e;
    --accent-secondary-hover:#0d9488;

    /* Dashboard — solid (no glass) */
    --glass-bg:            var(--color-surface-base);
    --glass-border:        var(--color-border-default);
    --glass-text:          var(--color-text-primary);
    --dash-gradient:       var(--color-surface-background);

    /* Brand aliases */
    --brand-primary:       var(--color-action-primary-default);
    --brand-secondary:     #0f766e;
}

/* --- DARK THEME --- */
[data-theme="dark"] {
    /* Surface Aliases */
    --bg-body:             var(--color-surface-background);
    --color-surface-page:          var(--color-surface-background);
    --bg-secondary:        #1a2438;
    --bg-surface:          var(--color-surface-elevated);
    --color-surface-card:             var(--color-surface-elevated);
    --bg-input:            var(--color-surface-base);
    --bg-hover:            var(--color-surface-floating);
    --bg-surface-hover:    var(--color-surface-floating);
    --bg-surface-light:    var(--gray-700);

    /* Text Aliases */
    --text-primary:        var(--color-text-primary);
    --text-secondary:      var(--color-text-secondary);
    --text-muted:          var(--color-text-muted);
    --text-inverse:        var(--color-text-inverse);

    /* Border Aliases */
    --border-color:        var(--color-border-subtle);
    --shadow-color:        #020617;

    /* Action Color Aliases */
    --color-accent:       var(--color-action-primary-default);
    --color-accent-hover: var(--color-action-primary-hover);
    --color-success:       var(--color-status-success-text);
    --color-danger:        var(--color-status-danger-text);
    --color-warning:       var(--color-status-warning-text);
    --color-info:          var(--color-status-info-text);
    --color-light:         var(--gray-700);
    --color-dark:          #0f172a;

    /* Accent aliases — same values as theme.css / --color-accent (#3b82f6) */
    --accent-primary:        var(--color-action-primary-default);
    --accent-primary-hover:  var(--color-action-primary-hover);
    --accent-primary-active: var(--color-action-primary-active);
    --accent-on-primary:     var(--color-action-primary-text);
    --accent-secondary:      #2dd4bf;
    --accent-secondary-hover:#5eead4;

    /* Dashboard — solid (no glass) */
    --glass-bg:            var(--color-surface-base);
    --glass-border:        var(--color-border-default);
    --glass-text:          var(--color-text-primary);
    --dash-gradient:       var(--color-surface-background);

    /* Brand aliases */
    --brand-primary:       var(--color-action-primary-default);
    --brand-secondary:     #2dd4bf;
}