/*
Theme Name: Cloone Child
Description: Child theme for Cloone community website (rural.ie). Based on Twenty Twenty-Four with custom community portal features including events, business directory, community groups, and local announcements.
Author: Cloone Community Portal
Template: twentytwentyfour
Version: 1.0.0
Text Domain: cloone-child
License: GPL v2 or later

@AI_REMINDER: This is the child theme header - any changes here affect theme info in WordPress admin
@LAST_MODIFIED: 2025-08-25 - Enhanced theme description with community features
*/

/* 
 * CLOONE COMMUNITY PORTAL STYLES
 * 
 * This file contains base styles for the Cloone child theme.
 * Additional community-specific styles are in assets/css/custom.css
 * 
 * Color Scheme:
 * Primary (Cloone Green): #1f6f43
 * Secondary colors defined in CSS custom properties below
 * 
 * @AI_REMINDER: Primary color #1f6f43 is core Cloone branding - don't change without approval
 * @LAST_MODIFIED: 2025-08-25 - Added comprehensive documentation structure
 */

:root {
    /* @AI_CONTEXT: CSS custom properties for consistent theming throughout site */
    --cloone-accent: #1f6f43;          /* Primary Cloone green */
    --cloone-accent-light: #2d8a5a;    /* Lighter shade for hovers */
    --cloone-accent-dark: #164a30;     /* Darker shade for depth */
    --cloone-text: #333333;            /* Main text color */
    --cloone-text-light: #666666;      /* Secondary text */
    --cloone-background: #ffffff;      /* Main background */
    --cloone-background-light: #f8f9fa; /* Light background sections */
}

/* 
 * CHILD THEME OVERRIDES
 * 
 * Basic overrides of parent theme styles
 * More extensive customization is in assets/css/custom.css
 * 
 * @AI_REMINDER: Keep this section minimal - major styling goes in custom.css
 */

/* Apply Cloone branding to key elements */
.wp-block-button__link {
    background-color: var(--cloone-accent);
    border-color: var(--cloone-accent);
}

.wp-block-button__link:hover {
    background-color: var(--cloone-accent-light);
    border-color: var(--cloone-accent-light);
}

/* @AI_TODO: Add more base styles as needed - document in CHANGE-LOG.md */
