/**
 * Triagly SDK - Ocean Theme
 * 
 * Usage:
 *   <link rel="stylesheet" href="https://unpkg.com/@triagly/sdk/themes/ocean.css">
 * 
 * Or import in JavaScript:
 *   import '@triagly/sdk/themes/ocean.css';
 */

:root {
  /* Button */
  --triagly-button-bg: #0ea5e9;
  --triagly-button-bg-hover: #0284c7;
  --triagly-button-text: #ffffff;
  --triagly-button-shadow: 0 4px 12px rgba(14, 165, 233, 0.3);
  --triagly-button-shadow-hover: 0 6px 16px rgba(14, 165, 233, 0.4);
  
  /* Modal */
  --triagly-modal-bg: #ffffff;
  --triagly-modal-shadow: 0 20px 60px rgba(6, 182, 212, 0.2);
  
  /* Overlay */
  --triagly-overlay-bg: rgba(6, 78, 59, 0.3);
  
  /* Header */
  --triagly-header-bg: #ecfeff;
  --triagly-header-border: #06b6d4;
  --triagly-header-text: #0e7490;
  
  /* Form */
  --triagly-form-bg: #ffffff;
  --triagly-label-text: #0e7490;
  --triagly-input-bg: #f0fdfa;
  --triagly-input-border: #99f6e4;
  --triagly-input-border-focus: #06b6d4;
  --triagly-input-text: #164e63;
  
  /* Buttons */
  --triagly-btn-primary-bg: #0ea5e9;
  --triagly-btn-primary-bg-hover: #0284c7;
  --triagly-btn-secondary-bg: #ecfeff;
  --triagly-btn-secondary-bg-hover: #cffafe;
  --triagly-btn-secondary-text: #0e7490;
  
  /* Status */
  --triagly-success-bg: #ccfbf1;
  --triagly-success-text: #0f766e;
  --triagly-error-bg: #fecdd3;
  --triagly-error-text: #be123c;
}