base

app/assets/styles/main.css

@@ -0,0 +1,29 @@
+@import 'bulma/css/bulma.css';
+
+@import './variables.css';
+
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+  font-size: 16px;
+  line-height: 1;
+}
+
+.bg-primary {
+  background-color: var(--color-primary);
+}
+
+a {
+  color: inherit;
+}
+
+img {
+  width: 100%;
+  object-fit: cover;
+  vertical-align: middle;
+}
+
+.h-100 {
+  height: 100%;
+}

app/assets/styles/variables.css

@@ -0,0 +1,19 @@
+:root {
+  /* Primary */
+  --color-primary: #16a34a;
+  --color-hover: #15803d;
+
+  /* Background */
+  --color-bg-light: #f0fdf4;
+  --color-card-bg: #ffffff;
+
+  /* Border */
+  --color-border: #bbf7d0;
+
+  /* Text */
+  --color-text-dark: #14532d;
+  --color-text-main: #111827;
+  --color-text-secondary: #374151;
+  --color-text-muted: #6b7280;
+  --color-text-light: #9ca3af;
+}