/*
* Octopus Components — Shared CSS Library
* =========================================
*
* Import this file in your octopus component to get all shared styles:
*
*
*
* Includes:
* 1. octopus-variables.css — CSS custom properties and theme variables
* 2. octopus-animations.css — Shared animations and keyframes
* 3. octopus-base.css — Base styles for all octopus components
*
* Then include component-specific CSS after this:
*
*
*/
/* Import all shared CSS modules */
@import url('./octopus-variables.css');
@import url('./octopus-animations.css');
@import url('./octopus-base.css');
/*
* =========================================
* Usage in HTML
* =========================================
*
* Standard setup:
*
*
*
*
*
*
*
*
*
*
*
*
*
* =========================================
* Customization
* =========================================
*
* Override variables in your CSS:
*
* :root {
* --oct-primary: #YOUR_COLOR;
* --oct-text: #YOUR_TEXT_COLOR;
* }
*
* Add your own styles after importing:
*
*
*
*
* =========================================
* Component Specific Overrides
* =========================================
*
* Each component CSS can override shared styles:
*
* octopus-hero-section .oct-progress {
* background: var(--oct-green); /* Use different color */
* }
*/