/*
Theme Name: Intrinsic Communications
Description: A modern, sustainable digital agency WordPress theme built with Tailwind CSS
Version: 1.0.0
Author: Intrinsic Communications
Text Domain: intrinsicomms
*/

/* Import Tailwind CSS */
@import 'tailwindcss/base';
@import 'tailwindcss/components';
@import 'tailwindcss/utilities';

/* Custom CSS Variables */
:root {
    --background: oklch(1 0 0);
    --foreground: oklch(0.25 0 0);
    --card: oklch(0.98 0.02 142);
    --card-foreground: oklch(0.25 0 0);
    --popover: oklch(1 0 0);
    --popover-foreground: oklch(0.25 0 0);
    --primary: oklch(0.45 0.15 142);
    --primary-foreground: oklch(1 0 0);
    --secondary: oklch(0.96 0.02 142);
    --secondary-foreground: oklch(0.25 0 0);
    --muted: oklch(0.96 0.02 142);
    --muted-foreground: oklch(0.45 0 0);
    --accent: oklch(0.65 0.2 120);
    --accent-foreground: oklch(1 0 0);
    --destructive: oklch(0.577 0.245 27.325);
    --destructive-foreground: oklch(1 0 0);
    --border: oklch(0.92 0.01 142);
    --input: oklch(1 0 0);
    --ring: oklch(0.45 0.15 142);
    --radius: 0.75rem;
}

.dark {
    --background: oklch(0.08 0 0);
    --foreground: oklch(0.95 0 0);
    --card: oklch(0.12 0.02 142);
    --card-foreground: oklch(0.95 0 0);
    --popover: oklch(0.08 0 0);
    --popover-foreground: oklch(0.95 0 0);
    --primary: oklch(0.65 0.2 120);
    --primary-foreground: oklch(0.08 0 0);
    --secondary: oklch(0.15 0.02 142);
    --secondary-foreground: oklch(0.95 0 0);
    --muted: oklch(0.15 0.02 142);
    --muted-foreground: oklch(0.65 0 0);
    --accent: oklch(0.65 0.2 120);
    --accent-foreground: oklch(0.08 0 0);
    --destructive: oklch(0.6 0.2 25);
    --destructive-foreground: oklch(0.95 0 0);
    --border: oklch(0.2 0.02 142);
    --input: oklch(0.12 0.02 142);
    --ring: oklch(0.65 0.2 120);
}

/* Base styles */
* {
    border-color: var(--border);
    outline-color: var(--ring);
}

body {
    background-color: var(--background);
    color: var(--foreground);
}

html {
    scroll-behavior: smooth;
}

/* WordPress specific styles */
.wp-block-image img {
    max-width: 100%;
    height: auto;
}

.aligncenter {
    text-align: center;
}

.alignleft {
    float: left;
    margin-right: 1rem;
}

.alignright {
    float: right;
    margin-left: 1rem;
}

.wp-caption {
    max-width: 100%;
}

.wp-caption-text {
    font-size: 0.875rem;
    color: var(--muted-foreground);
    margin-top: 0.5rem;
}

/* Blog specific styles */
.blog-post {
    @apply bg-card rounded-lg border border-border p-6 shadow-sm hover:shadow-lg transition-shadow duration-300;
}

.blog-post h2 {
    @apply text-2xl font-bold text-foreground mb-4 font-[family-name:var(--font-heading)];
}

.blog-post .excerpt {
    @apply text-muted-foreground mb-4;
}

.blog-post .meta {
    @apply text-sm text-muted-foreground/80;
}

.blog-post .read-more {
    @apply inline-flex items-center gap-2 text-primary hover:text-primary/80 transition-colors;
}