geeks-ui-framework/src/variables.css

A modern, lightweight CSS framework with 15+ components for developers. Build beautiful interfaces with minimal effort.

/* 
  Geeks UI - CSS Variables
  Centralized design tokens for the framework
*/

:root {
    /* Colors */
    --geeks-ui-primary: #1e90ff;
    /* DodgerBlue */
    --geeks-ui-secondary: #6c757d;
    /* Gray */
    --geeks-ui-success: #28a745;
    /* Green */
    --geeks-ui-info: #17a2b8;
    /* Cyan */
    --geeks-ui-warning: #dc3545;
    /* Red */
    --geeks-ui-base: #708090;
    /* SlateGray */

    /* Text Colors */
    --geeks-ui-text-primary: #212529;
    --geeks-ui-text-secondary: #6c757d;
    --geeks-ui-text-light: #ffffff;

    /* Spacing */
    --geeks-ui-padding: 0.75rem 1.5rem;
    --geeks-ui-margin-bottom: 1rem;

    /* Typography */
    --geeks-ui-font-size: 1rem;
    --geeks-ui-font-weight-normal: 400;
    --geeks-ui-font-weight-bold: 600;

    /* Border */
    --geeks-ui-border-radius: 0.375rem;
    --geeks-ui-border-width: 1px;
    --geeks-ui-border: none;

    /* Layout */
    --geeks-ui-display: inline-block;
    --geeks-ui-text-align: center;
    --geeks-ui-text-decoration: none;

    /* Transitions */
    --geeks-ui-transition: all 0.3s ease;
}