// ==========================================================================
// SEMANTIC BORDERS
// ==========================================================================
// Meaningful border tokens for components and UI elements
// Maps base border values to contextual usage patterns
// ==========================================================================
@use '../../base/borders' as *;

// COMPONENT BORDERS - UI component border styles
$semantic-border-button-width: $base-border-width-1 !default;              // Standard button border
$semantic-border-button-style: $base-border-style-solid !default;          // Button border style
$semantic-border-button-radius: $base-border-radius-md !default;           // Button corner radius

$semantic-border-input-width: $base-border-width-1 !default;               // Form input border
$semantic-border-input-style: $base-border-style-solid !default;           // Input border style
$semantic-border-input-radius: $base-border-radius-md !default;            // Input corner radius

$semantic-border-card-width: $base-border-width-1 !default;                // Card border width
$semantic-border-card-style: $base-border-style-solid !default;            // Card border style
$semantic-border-card-radius: $base-border-radius-lg !default;             // Card corner radius

// INTERACTION BORDERS - State-based border styles
$semantic-border-focus-width: $base-border-width-2 !default;               // Focus state border
$semantic-border-hover-width: $base-border-width-1 !default;               // Hover state border
$semantic-border-active-width: $base-border-width-2 !default;              // Active state border
$semantic-border-disabled-width: $base-border-width-1 !default;            // Disabled state border

// FEEDBACK BORDERS - Status and validation borders
$semantic-border-success-width: $base-border-width-1 !default;             // Success state border
$semantic-border-warning-width: $base-border-width-1 !default;             // Warning state border
$semantic-border-error-width: $base-border-width-1 !default;               // Error state border
$semantic-border-info-width: $base-border-width-1 !default;                // Info state border

// LAYOUT BORDERS - Structure and separation
$semantic-border-divider-width: $base-border-width-1 !default;             // Content dividers
$semantic-border-divider-style: $base-border-style-solid !default;         // Divider style
$semantic-border-separator-width: $base-border-width-hairline !default;    // Subtle separators
$semantic-border-separator-style: $base-border-style-solid !default;       // Separator style

// NAVIGATION BORDERS - Menu and navigation elements
$semantic-border-nav-width: $base-border-width-1 !default;                 // Navigation borders
$semantic-border-nav-style: $base-border-style-solid !default;             // Nav border style
$semantic-border-nav-radius: $base-border-radius-sm !default;              // Nav corner radius

$semantic-border-tab-width: $base-border-width-2 !default;                 // Tab borders
$semantic-border-tab-style: $base-border-style-solid !default;             // Tab border style
$semantic-border-tab-radius: $base-border-radius-sm !default;              // Tab corner radius

// CONTAINER BORDERS - Cards, panels, modals
$semantic-border-modal-width: $base-border-width-0 !default;               // Modal border (usually none)
$semantic-border-modal-radius: $base-border-radius-xl !default;            // Modal corner radius

$semantic-border-panel-width: $base-border-width-1 !default;               // Side panel border
$semantic-border-panel-style: $base-border-style-solid !default;           // Panel border style
$semantic-border-panel-radius: $base-border-radius-lg !default;            // Panel corner radius

// SHAPE BORDERS - Geometric and utility borders
$semantic-border-pill: $base-border-radius-pill !default;                  // Pill-shaped elements
$semantic-border-circle: $base-border-radius-full !default;                // Circular elements
$semantic-border-rounded-sm: $base-border-radius-sm !default;              // Small rounded corners
$semantic-border-rounded-md: $base-border-radius-md !default;              // Medium rounded corners
$semantic-border-rounded-lg: $base-border-radius-lg !default;              // Large rounded corners
$semantic-border-rounded-xl: $base-border-radius-xl !default;              // Extra large rounded corners

// TABLE BORDERS - Data table styling
$semantic-border-table-width: $base-border-width-1 !default;               // Table border width
$semantic-border-table-style: $base-border-style-solid !default;           // Table border style
$semantic-border-table-radius: $base-border-radius-md !default;            // Table corner radius

$semantic-border-table-cell-width: $base-border-width-hairline !default;   // Table cell borders
$semantic-border-table-cell-style: $base-border-style-solid !default;      // Cell border style

// AVATAR AND IMAGE BORDERS
$semantic-border-avatar-width: $base-border-width-2 !default;              // Avatar border width
$semantic-border-avatar-style: $base-border-style-solid !default;          // Avatar border style
$semantic-border-avatar-radius: $base-border-radius-full !default;         // Avatar shape (circular)

$semantic-border-image-width: $base-border-width-1 !default;               // Image border width
$semantic-border-image-style: $base-border-style-solid !default;           // Image border style
$semantic-border-image-radius: $base-border-radius-md !default;            // Image corner radius

// UTILITY BORDERS - Common border patterns
$semantic-border-outline-width: $base-border-width-1 !default;             // Outline/stroke borders
$semantic-border-outline-style: $base-border-style-solid !default;         // Outline border style

$semantic-border-dashed-width: $base-border-width-1 !default;              // Dashed borders
$semantic-border-dashed-style: $base-border-style-dashed !default;         // Dashed border style

$semantic-border-dotted-width: $base-border-width-1 !default;              // Dotted borders
$semantic-border-dotted-style: $base-border-style-dotted !default;         // Dotted border style

// ==========================================================================
// BACKWARDS COMPATIBILITY ALIASES
// ==========================================================================
// Aliases for existing border radius patterns in the codebase

$semantic-border-radius-xs: $base-border-radius-xs !default;               // Extra small radius
$semantic-border-radius-sm: $base-border-radius-sm !default;               // Small radius
$semantic-border-radius-md: $base-border-radius-md !default;               // Medium radius
$semantic-border-radius-lg: $base-border-radius-lg !default;               // Large radius
$semantic-border-radius-xl: $base-border-radius-xl !default;               // Extra large radius

// INDIVIDUAL SEMANTIC BORDER TOKENS - Direct access to all base border values

// BORDER WIDTHS
$semantic-border-width-0: $base-border-width-0 !default;
$semantic-border-width-1: $base-border-width-1 !default;
$semantic-border-width-2: $base-border-width-2 !default;
$semantic-border-width-3: $base-border-width-3 !default;
$semantic-border-width-4: $base-border-width-4 !default;
$semantic-border-width-5: $base-border-width-5 !default;
$semantic-border-width-6: $base-border-width-6 !default;
$semantic-border-width-7: $base-border-width-7 !default;
$semantic-border-width-8: $base-border-width-8 !default;
$semantic-border-width-10: $base-border-width-10 !default;
$semantic-border-width-hairline: $base-border-width-hairline !default;

// BORDER RADIUS
$semantic-border-radius-none: $base-border-radius-none !default;
$semantic-border-radius-2xl: $base-border-radius-2xl !default;
$semantic-border-radius-3xl: $base-border-radius-3xl !default;
$semantic-border-radius-4xl: $base-border-radius-4xl !default;
$semantic-border-radius-5xl: $base-border-radius-5xl !default;
$semantic-border-radius-full: $base-border-radius-full !default;
$semantic-border-radius-pill: $base-border-radius-pill !default;

// BORDER STYLES
$semantic-border-style-none: $base-border-style-none !default;
$semantic-border-style-solid: $base-border-style-solid !default;
$semantic-border-style-dashed: $base-border-style-dashed !default;
$semantic-border-style-dotted: $base-border-style-dotted !default;
$semantic-border-style-double: $base-border-style-double !default;